首页 > web前端 > js教程 > 正文

js实现DIV的一些简单控制_javascript技巧

php中文网
发布: 2016-05-16 19:12:39
原创
834人浏览过



<script> <BR>var d1, d2, d3, w, h; <BR>window.onload = function() { <BR>d1 = document.getElementById('d1'); <BR>d2 = document.getElementById('d2'); <BR>d3 = document.getElementById('d3'); <BR>back(); <BR>w = window.innerWidth; <BR>h = window.innerHeight; <BR>resizeCheck(); <BR>} <BR>function resizeCheck() { <BR>if (w != window.innerWidth || h != window.innerHeight) { <BR>location.replace(location.href); <BR>return; <BR>} <BR>setTimeout("resizeCheck()", 1000); <BR>} <BR>function back() { <BR>divMoveTo(d1,200,50); <BR>divMoveTo(d2,250,75); <BR>divMoveTo(d3,75,75); <BR>divZIndex(d1,1); <BR>divZIndex(d2,2); <BR>divZIndex(d3,3); <BR>divBgColor(d1,'#555'); <BR>divBgColor(d2,'#777'); <BR>divBgColor(d3,'#999'); <BR>divTxtColor(d1,'#fff'); <BR>divTxtColor(d2,'#fff'); <BR>divTxtColor(d3,'#fff'); <BR>divShow(d1); <BR>divShow(d2); <BR>divShow(d3); <BR>} <BR>function color() { <BR>divBgColor(d1,'#f02d2d'); <BR>divBgColor(d2,'#f040d1'); <BR>divBgColor(d3,'#55afe0'); <BR>divTxtColor(d1,'#fff'); <BR>divTxtColor(d2,'#fff'); <BR>divTxtColor(d3,'#fff'); <BR>} <BR>function divMoveTo(d, x, y) { <BR>d.style.pixelLeft = x; <BR>d.style.pixelTop = y; <BR>} <BR>function divMoveBy(d, dx, dy) { <BR>d.style.pixelLeft += dx; <BR>d.style.pixelTop += dy; <BR>} <BR>function divShow(d) { <BR>d.style.visibility = 'visible'; <BR>} <BR>function divHide(d) { <BR>d.style.visibility = 'hidden'; <BR>} <BR>function divSizeTo(d, w, h) { <BR>d.style.pixelWidth = w; <BR>d.style.pixelHeight = h; <BR>} <BR>function divSizeBy(d, dw, dh) { <BR>d.style.pixelWidth += dw; <BR>d.style.pixelHeight += dh; <BR>} <BR>function divZIndex(d, z) { <BR>d.style.zIndex = z; <BR>} <BR>function divBgColor(d, c) { <BR>d.style.background = c; <BR>} <BR>function divTxtColor(d, c) { <BR>d.style.color = c; <BR>} <BR></script>



DHTML方法基础 - 对DIV的一些简单控制 BY 51js zdzhuo































Delphi 7应用编程150例 全书内容 CHM版
Delphi 7应用编程150例 全书内容 CHM版

Delphi 7应用编程150例 CHM全书内容下载,全书主要通过150个实例,全面、深入地介绍了用Delphi 7开发应用程序的常用方法和技巧,主要讲解了用Delphi 7进行界面效果处理、图像处理、图形与多媒体开发、系统功能控制、文件处理、网络与数据库开发,以及组件应用等内容。这些实例简单实用、典型性强、功能突出,很多实例使用的技术稍加扩展可以解决同类问题。使用本书最好的方法是通过学习掌握实例中的技术或技巧,然后使用这些技术尝试实现更复杂的功能并应用到更多方面。本书主要针对具有一定Delphi基础知识

Delphi 7应用编程150例 全书内容 CHM版 0
查看详情 Delphi 7应用编程150例 全书内容 CHM版

立即学习Java免费学习笔记(深入)”;








d1


d2


d2包含d3

d3


d3是d2的子层
       


java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号