1、制作网页常用的 JAVASCRIPT 特效1、改变背景色onMouseOver=”this.style.backgroundColor=颜色值”;/注意大小写onMouseOver=”this.style.backgroundColor=”;./将值设为空2、改变背景图片（只适用于插入的图片做为背景，若要使用样式控制，则应使用超链接，并显示成块）onMouseOver=”this.style.backgroundImage=图片路径 ”;onMouseOver=”this.style.backgroundImage=”;/将值设为空3、二级菜单的显示和隐藏层在 HTML 头标签中编写 JAVA
2、SCRIPT 代码如下：Function show(id)Document.getElementById(id).style.display=display;/此处单引可换成双引Fuction hidden(id)Document.getElementById(id).style.display=”none”;然后在层中添加如下代码：onMouseOver=“show(要显示层的名称)“ /层名称用单引号括起来，因为外面是双引号onMouseOut=“hiden(要隐藏层的名称)“完成后设置二级菜单层的属性：display:”none”;使二级菜单的初始状态为隐藏4、左侧导航定义 JAVASC
3、RIPT 函数：function show(id)/注意函数名不能重复/判断被控制的层是否被隐藏if(document.getElementById(id).style.display=“none“)注：些处用恒等号/若条件为真则显示层document.getElementById(id).style.display=“block“;Comment 户户户户1: 广告图片层名称else/否则隐藏层document.getElementById(id).style.display=“none“;在层中设置导航超链接，如下例所示：/调用刚刚定义好的函数，tree1 为所控制的层的名称文字艺术/注：
4、层名要用单引号引起来5、弹出式窗口Window.open(“打开窗口地址,” 窗口名称”,”窗口特征”)如果希望加载页面时同时开启一个新的窗口，此时就需要借助页面的onLoad事件来完成。例如：6、可关闭的左侧广告方法和 4很相似，为“关闭“文字加超链接，调用自定义的函数。7、可关闭的随页面滚动的广告1） 、定义 init函数来计算广告图片距窗体最顶端的距离：Var initTop=0;Function init()initTop=document.getElementById(“adv”).style.pixelTop;2） 、定义 move函数来计算滚动条滚动后广告图片距窗体顶端的距离：F
5、unction move()Document.getElementById(“adv”).style.pixelTop=initTop+document.body.scrollTop;3） 、设置 onscroll 事件，调用 move()函数。Window.onscroll=move;注意：如果您是使用 DREAMWEAVER 编写的网页，请您将代码最上边的一行代码：删除，否则网页中的广告图片将无法滚动。8、禁止防拷贝真正禁止拷贝网页上的文字/禁止保存网页上的图片 ,是很难做到的,只能是增加其难度,对于文字,通过“ 查看源文件“ 即可获得, 对于图片,到浏览器缓存看一下就可以了,禁止的实际意
6、义在于:声明-请尊重我的版权 在实际应用中,要想有效阻滞“菜菜“ 对网页内容的复制 ,通过组合功能比较实用: 1）在网页 标签中加入 onselectstart=“return false“ 语句，使鼠标不能选择文本； 2）在网页 标签中加入 oncontextmenu=“self.event.returnvalue=false“ 语句，使单击鼠标右键时不能弹出右键选单，也就不能执行“图片另存为”命令选项； 3）在网页 标签中加入 onload=“look()“并加上如下脚本，禁用 ctrl键，使得 ctrlc 等功能键失效 其中 look()的脚本代码为： function look() i
7、f(event.ctrlKey) return false document.onkeydown=look; 即： Comment 户户户户2: JAVASCRIPT代码Comment 户户户户3: 将要显示的层的ID名称Comment 户户户户4: 超链接文字 ID名称再有一个重要的： 4）去掉用 IE6.0浏览图片，当鼠标放到图片上时出现快捷工具（打印、邮寄、另存等） 方法一： 方法二： 定义 CSS： img nobar:expression(this.galleryImg=no) 仅供参考9、文本框中显示提示语，当鼠标单击时文本消失用户名：10、 弹出隐藏层1） 、文字超链接弹出层fu
8、nction showDiv()var object=document.getElementById(“showD“).style.display;if(object=“block“)document.getElementById(“word“).innerText=“注册前请先阅读会员权益和义务“;document.getElementById(“showD“).style.display=“none“;elsedocument.getElementById(“word“).innerText=“点击关闭“;document.getElementById(“showD“).style.dis
9、play=“block“;通过超链接来调用自定义的函数：Comment 户户户户5: 显示层函数Comment 户户户户6: 将要显示层的名称Comment 户户户户7: 隐藏层函数Comment 户户户户8: 获取用户选择地名的函数Comment 户户户户9: 按钮名称Comment 户户户户10: 省略部分代码注册前请先阅读会员权益和义务2） 、按钮弹出隐藏层效果图代码如下：function showMAP()document.getElementById(“place“).style.display=“block“;function closeMe( )document.getEleme
10、ntById(“place“).style.display=“none“;function selectPlace(place)document.getElementById(“workplace“).value=place;document.getElementById(“place“).style.display=“none“;Comment 户户户户11: 调用显示层函数Comment 户户户户12: 调用函数Comment 户户户户13: 鼠标样式设为手形Comment 户户户户14: 设为首页网址Comment 户户户户15: 设为收藏网址地址Comment 户户户户16: 收藏关键
11、字Comment 户户户户17: 下面表单名称Comment 户户户户18: 城市列表框名称关闭北京11、 设为首页和加入收藏设为首页加入收藏12、 下拉框级联菜单JAVASCRIPT脚本代码：var cityList = new Array( ); cityList北京 = 朝阳区,东城区,西城区, 海淀区,宣武区,丰台区,怀柔,延庆,房山;cityList上海 = 宝山区 ,长宁区,丰贤区, 虹口区,黄浦区,青浦区,南汇区, 徐汇区,卢湾区;cityList广州 = 天河区 ,海珠区,南沙区, 白云区,嘉湾区,越秀区,黄埔区, 罗岗区,番寓区,花都区;cityList深圳 = 福田区, 罗
12、湖区, 盐田区, 宝安区, 龙岗区, 南山区, 深圳周边;cityList重庆 =俞中区, 南岸区, 江北区, 沙坪坝区 , 九龙坡区, 渝北区, 大渡口区, 北碚区, 巴南区 , 万盛区, 涪凌, 江津;cityList天津 = 和平区, 河西区, 南开区, 河北区 , 河东区, 红桥区, 塘古区, 开发区, 西青区, 津南区,东丽区 ;function changeCity( )var province=document.myform.province.value; document.myform.city.options.length=0;for (var i in cityList)
13、if (i = province) for (var j in cityListi) document.myform.city.options.add(new Option(cityListij, cityListij);Comment 户户户户19: 下拉列表框中的值发生改变后触发 onChange事件并调用 changeCity()函数document.myform.city.options.selectedIndex=0;function loadAll( ) for (var i in cityList) document.myform.province.options.add(new Option(i, i); document.myform.province.selectedIndex = 0; 表单中的 HTML代码：-请选择城市 -请选择区域 -BODY标签中加载 loadAll()函数
