常用的HTML代码 ● 控制横向和纵向滚动条的显隐? <body style="overflow-y:hidden"> 去掉x轴 <body style="overflow-x:hidden"> 去掉y轴 <body scroll="no">不显 ● 表格变色 <TD onmouseover="this.style.backgroundColor='#FFFFFF'" onmouSEOut="this.style.backgroundColor=''" style="CURSOR: hand"> ● 禁止复制,鼠标拖动选取 <body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false> ● 普通iframe页面 <iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe> ● iframe自适应高度 <iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no onload="document.all['pindex'].style.height=pindex.document.body.scrollHeight" ></iframe> ● IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标 <link rel="Shortcut Icon" href="favicon.ico"> <link rel="Bookmark" href="favicon.ico"> ● 字号缩放 越来越多的人长时间的泡网,眼镜的普及率也越来越高,让文字大点,让更多的用户看的更清楚。 <script type="text/javascript"> function doZoom(size) {document.getElementById('zoom').style.fontSize=size+'px';} </script> <span id="zoom">需要指定大小的文字</span> <a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a> ● select挡住div的解决方法 在div里加入下面的代码,根据需要调整就可以了。 <iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;"> </iframe> ● iframe(嵌入式帧)自适应高度 填写的嵌入地址一定要和本页面在同一个站点上,否则会提示“拒绝访问!”。对跨域引用有权限问题,请查阅其他资料。 <iframe name="guestbook" src="gbook/index.asp" scrolling=no width="100%" height="100%" frameborder=no onload="document.all['guestbook'].style.height=guestbook.document.body.scrollHeight"></iframe> ● 跳转菜单新窗口 <select name="select" onchange="window.open(this.options[this.selectedIndex].value)"> <option value="http://www.microsoft.com/ie"> Internet Explorer</option> <option value="http://www.microsoft.com"> Microsoft Home</option> <option value="http://msdn.microsoft.com"> Developer Network</option> </select> ● flash透明选项 <param name="wmode" value="transparent"> ● 添加到收藏夹和设为首页 <a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.1t2t.com');">设为首页</a> <a href="javascript:window.external.AddFavorite('http://www.1t2t.com/','想偷懒-就找懒人代码')">收藏本站</a> ● 记录并显示网页的最后修改时间 <script language=JavaScript> document.write("最后更新时间: " + document.lastModified + "") </script> ● 节日倒计时 <Script Language="JavaScript"> var timedate= new Date("October 1,2002"); var times= "国庆节"; var now = new Date(); var date = timedate.getTime() - now.getTime(); var time = Math.floor(date / (1000 * 60 * 60 * 24)); if (time >= 0) document.write( "现在离"+times+"还有: "+time +"天") </Script> ● 加在HEAD里 禁止缓存 <meta http-equiv="Expires" CONTENT="0"> <meta http-equiv="Cache-Control" CONTENT="no-cache"> <meta http-equiv="Pragma" CONTENT="no-cache"> ● 让IFRAME框架内的文档的背景透明 <iframe src="about:<body style='background:transparent'>" allowtransparency></iframe> ● 打开窗口即最大化 <script language="JavaScript"> <!-- Begin self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) // End --> </script> ● 加入背景音乐 <bgsound src="mid/windblue.mid" loop="-1"> 只适用于IE <embed src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE 都适用 ● 滚动 <marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>滚动信息 </marquee> ● 防止点击空链接时,页面往往重置到页首端 代码“javascript:void(null)”代替原来的“#”标记 ● 文字或图片弹出指定大小的窗口 在body中加入 <script language="JavaScript" type="text/JavaScript"> function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);} </script> 弹出代码 <a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border="0">图片或文字</a> ● flash按钮加链接 on (press) { getURL("http://www.1t2t.com","_blank"); } ● 跳转页面代码 <meta http-equiv="refresh" content="5;url=http://www.1t2t.com"> ● 细线分隔线 <hr noshade size=0 color=#C0C0C0> ● 网页中的自动换行 <td style="word-break:break-all">就搞定了。 完整的是 style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word" ● 消除ie6自动出现的图像工具栏,设置 GALLERYIMG属性为false或no . <IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no"> ● 禁止页面正文内容被选取 <body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()"> ● 不能点右键,不用CTRL+A,不能复制作! <body oncontextmenu="window.event.returnValue=false" onkeypress="window.event.returnValue=false" onkeydown="window.event.returnValue=false" onkeyup="window.event.returnValue=false" ondragstart="window.event.returnValue=false" onselectstart="event.returnValue=false"> </body> ● IE浏览器支持一个 Body 属性 bgproperties,它可以让背景不滚动: <Body Background="图片文件" bgproperties="fixed"> ● 随机变换背景图象(一个可以刷新心情的特效) <Script Language="JavaScript"> image = new Array(4); //定义image为图片数量的数组 image [0] = 'tu0.gif' //背景图象的路径 image [1] = 'tu1.gif' image [2] = 'tu2.gif' image [3] = 'tu3.gif' image [4] = 'tu4.gif' number = Math.floor(Math.random() * image.length); document.write("<BODY BACKGROUND="+image[number]+">"); </Script> ● flash载入影片 on (release) { loadMovie("1-01.swf", "_root.loaderclip"); } ● 图片表单按钮 <form id="form1" name="form1" method="post" action=""> <img src="login.gif" width="62" height="22" onclick="document.form1.submit()" /> </form> ● 左右阴影背景的CSS定义方法 body { text-align:center; background-repeat: repeat-y; background-position: center; background-image: url(../images/bg.jpg); } ● 划过链接 手型鼠标 style="cursor:hand" ● 如何关闭层 <div id="Layer1"></div> <a href="#" onClick="Layer1.style.display='none'">关闭层</a> ● 关闭窗口的脚本 <a href=javascript:close()>[关闭窗口]</a> ● 如果文字过长,则将过长的部分变成省略号显示 <DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;overflow: hidden; text-overflow:ellipsis"> <NOBR>就是比如有一行文字,很长,表格内一行显示不下.</NOBR> </DIV> ● 进入主页后自动最大化 <script> self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) </script> ● 凹陷文字 <div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;"> <font disabled> 怎么样,我凹下去了吧?<br> 你不想试试吗?<br> <a href="http://www.1t2t.com/">www.1t2t.com</a></font> </div> ● 运行代码框 <script> function Preview() {var TestWin=open(''); TestWin.document.write(code.value);} </script> <textarea id=code cols=60 rows=15></textarea> <br> <button onclick=Preview() >运行</button> ● 给表格做链接 <table width="100%" onclick="window.open('http://www.1t2t.com/', '_blank')" style="CURSOR:hand"> <tr> <td height="100" bgcolor="f4f4f4"> </td> </tr> </table> ● 让弹出窗口总是在最上面 <body onblur="this.focus();"> ● CSS文字阴影 .shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt;COLOR: #ffffff;} ● 后退&关闭窗口 后退:javascript:history.back(1) 关闭:javascript:window.close(); ● 表格透明 style="FILTER: alpha(opacity=72)" ● 如何避免别人把你的网页放在框架中 <script language=“javascript”><!--if (self!=top){top.location=self.location;} -->< /script> ● Alt和Title的区别 alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的。 <a href="#" Title="给链接文字提示">文字</a> <p Title="给链接文字提示">文字</p> <img src="图片链接" alt="给图片提示"> ● 所有的javascript的调用尽量采取外部调用 <SCRIPT LANGUAGE="javascript" SRC="js/xxxxx.js"></SCRIPT> ● 链接到 response.redirect"login.asp" location.href="xx.asp" onClick="window.location='login.asp'" onClick="window.open('')" ● 基本链接样式 a:link 表示链接的样式 a:active 表示当前活动连接的样式 a:hover 表示鼠标划过时的样式 a:visited 表示已经访问过的连接的样式 "link-visited-hover-active" 简记为 "lvha" 即 "love"+"hate" ● 在同一页面设置不同文字链接效果的样式 <style type="text/css"> .green {COLOR: #309633} .green A:link {COLOR: #309633; TEXT-DECORATION: none} .green A:visited {COLOR: #309633; TEXT-DECORATION: none} .green A:hover {COLOR: #309633; TEXT-DECORATION: underline} .green A:active {COLOR: #309633; TEXT-DECORATION: none} </style> <a href="#" class="green">文字</a> ● 下拉跳转菜单 <select name=select onchange="javascript:window.open(this.options[this.selectedIndex].value)"style="color:#333"> <option>----请选择----</option> <option value="http://www.1t2t.com/">懒人代码</option> <option value="http://www.1t2t.com">1t2t懒人代码</option> <option value="http://www.1t2t.com/">想偷懒-就找懒人代码</option> </select> ● 代码容错 <SCRIPT LANGUAGE="JavaScript"> <!-- Hide function killErrors() { return true; } window.onerror = killErrors; // --> </SCRIPT> ● 字体背影代码 <span style="display: inline-block; filter: glow(color=000000,strength=3); color: #FF0000; line-height: 1.8em"> 字体背影</span> ● 提交查询代码: <form target="_blank" action="http://www.kooxoo.com/search" method=get> <td height="40" align="center"><input type=hidden name=T value='Train'> <input type=hidden name=OEM value='baidu'> 出发地: <input name="From" type="text" id="from"> 目的地: <input name="q" type="text" id="to"> <input type="submit" name="Submit" value="查询车次"></td> </form> ● 返回上一页代码 <a href="javascript :history.back(-1)">返回上一页</a> ●三种强制加入收藏夹代码 第一个: =================================================== <script language="JavaScript"> window.external.AddFavorite("http://www.1t2t.com/","1t2t懒人代码"); </script> ================================================== 说明:这个打开网页就弹出窗口要求加入收藏夹,不推荐使用,有点烦!嘿嘿! 第二个: ------------------------------------------------------------------------------------------------------------- <body class="homepage" onUnload="javascript:chouchang()"> .......... </body> </HTML> <SCRIPT LANGUAGE="JavaScript"> <!-- function chouchang() { window.external.addFavorite('http://www.1t2t.com','1t2t懒人代码---想偷懒就找懒人代码!'); } //--> </SCRIPT> ---------------------------------------------------------------------------------------------------------------- 说明:这个是每次关闭页面是弹出窗口,看情况使用啊! 第三个: ==================================================== <HTML> <body class="homepage" onUnload="javascript:helpor_net()"> </BODY> </HTML> <SCRIPT LANGUAGE="JavaScript"> <!-- function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function helpor_net(){ if (get_cookie('popped')==''){ //openpopup(); window.external.addFavorite ('http://www.1t2t.com','1t2t懒人代码---想偷懒就找懒人代码!') ; //弹出加入收藏 document.cookie="popped=yes" } } //--> </SCRIPT> ================================================================================ 这个据说是24小时内弹一次
本文链接:http://wller.cn/post/1031.html
版权声明:
1、本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有!
2、若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用!
3、本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理!
4、本站所有资源均是收集而来,资源均不包含安装服务和技术支持!且不知道能不能用,请谨慎下载
5、免费源码均来自网络收集,不保证完整性和可用性
6、本站不提供任何技术支持,源码搬运其他网络站点,站长不会这种技术,请自行测试
7、免费源码适合有基础的用者,需要创建数据及修改模板标签、调试修改路径等调试工作
8、欢迎前往http://www.wller.cn 购买虚拟主机,本站所有源码及模板均支持。
9、注意:本站不提供任何技术,资源收集网络,如有侵权,联系我删除。
上一篇:js网页底部固定横幅图片广告代码
下一篇: 酷炫网页左侧悬浮mp3音乐播放器插件
还没有评论,快来说点什么吧~