2022年网页常用代码收藏 .pdf

《2022年网页常用代码收藏 .pdf》由会员分享，可在线阅读，更多相关《2022年网页常用代码收藏 .pdf（7页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页常用代码收藏（一）1. 防止被欠入 2.永远都会带着框架 说明： frames.htm为你的网页，这也是保护页面的一种方法3.网页将不能被另存为 说明： 的用法很广，其中一条就是可以使JS 广告失效4.自动跳转在源代码中的 加入 说明： content=8 表示 8 秒刷新到URL 5.打开窗口立即最大化 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 7 页 - - - - - - - - - 6.加入背景音乐 只适用于IE 对 Netscape ,IE 都适用7.

2、网页过渡方式 Duration 的值为网页动态过渡的时间，单位为秒。Transition是过渡方式，它的值为0 到 23，分别对应24 种过渡方式。如下表：0 盒状收缩1 盒状放射2 圆形收缩3 圆形放射4 由下往上5 由上往下6 从左至右7 从右至左8 垂直百叶窗9 水平百叶窗10 水平格状百叶窗11 垂直格状百叶窗12 随意溶解13 从左右两端向中间展开14 从中间向左右两端展开15 从上下两端向中间展开16 从中间向上下两端展开17 从右上角向左下角展开18 从右下角向左上角展开19 从左上角向右下角展开20 从左下角向右上角展开21 水平线状展开22 垂直线状展开23 随机产生一种过渡

3、方式网页过渡方式实例: 8.控制横向和纵向滚动条 去掉 x 轴 去掉 y 轴不显名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 7 页 - - - - - - - - - 9.添加到收藏夹：添加到收藏夹 加入收藏 10.设为首页： 设为首页 设为首页 11.状态栏的特效显示kstatus(); function cm() self.status=; setTimeout(cm(),0); 12.打开网站立即加入收藏夹 if (navigator.appName = Mic

4、rosoft Internet Explorer & parseInt(navigator.appVersion) = 4) window.external.AddFavorite(http:/, 利群 ); 13.关闭窗口时不弹出提示信息名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 7 页 - - - - - - - - - 关闭 14.背景颜色渐变filter: progid:DXImageTransform.Microsoft.Gradient(startColo

5、rStr=#FFFFFF,endColorStr=#F6F9FE,gradientType=0) 15.背景颜色透明filter:alpha(opacity=75) 16.弹出窗口属性 js脚本开始；window.open 弹出新窗口的命令；page.html 弹出窗口的文件名；newwindow 弹出窗口的名字（不是文件名），非必须，可用空代替；100 窗口高度；width=400 窗口宽度；top=0 窗口距离屏幕上方的象素值；left=0 窗口距离屏幕左侧的象素值；toolbar=no 是否显示工具栏，yes 为显示；menubar ，scrollbars 表示菜单栏和滚动栏。resiz

6、able=no 是否允许改变窗口大小，yes 为允许；location=no 是否显示地址栏，yes 为允许；status=no 是否显示状态栏内的信息（通常是文件已经打开），yes 为允许；名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 7 页 - - - - - - - - - js脚本结束17.背景颜色变换 function scbg(objRef, state) objRef.style.backgroundColor = (1 = state) ? #EEEEE

7、E : #FFFFFF; return; 18.表格的展开与隐藏 function showhide(showobject) if document.all(showobject).style.display= then document.all(showobject).style.display=none else document.all(showobject).style.display= end if end function 应用效果展开或者隐藏 控制的内容范围 使用a 的链接来控制id=cont 的展开或者隐藏19.滚动条颜色body scrollbar-face-color:#F

8、FFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; scrollbar-3dlight-color:#FFFFFF; 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 7 页 - - - - - - - - - scrollbar-arrow-color:#FFB900; scrollbar-track-color:#EEEEEE; scrollbar-darkshadow-co

9、lor:#FFFFFF; SCROLLBAR-FACE-COLOR 滚动条凸出部分的颜色SCROLLBAR-HIGHLIGHT-COLOR 滚动条空白部分的颜色SCROLLBAR-SHADOW-COLOR 立体滚动条阴影的颜色SCROLLBAR-3DLIGHT-COLOR 滚动条亮边的颜色SCROLLBAR-ARROW-COLOR 上下按钮上三角箭头的颜色SCROLLBAR-TRACK-COLOR 滚动条的背景颜色SCROLLBAR-DARKSHADOW-COLOR 滚动条强阴影的颜色SCROLLBAR-BASE-COLOR 滚动条的基本颜色20.查看 IP 地址 ,asp: =Request

10、.ServerVariables(REMOTE_ADDR) 21.显示现在时间的脚本document.write now 22.显示最后修改时间的脚本document.write(document.lastModified) 23.加入频道加入频道 24.按下 F12 键,直接返回首页function look() if(event.keyCode=123)document.location.href=http:/ / if(document.onkeydown=null) document.onkeydown=look 名师资料总结 - - -精品资料欢迎下载 - - - - - - - -

11、 - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 7 页 - - - - - - - - - 25.英文长字段换行word-break:break-all; 26.同一个元素内容不换行white-space:nowrap; 27.首字母大写显示text-transform:capitalize; 28.页面宽度控制 var objmain = document.getElementById(divmain); function updatesize() var bodyw = window.document.body.offsetWidth; if(bodyw = 1016) objmain.style.width=980px; else objmain.style.width=100%; updatesize(); window.onresize = updatesize; 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 7 页 - - - - - - - - -