<div style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 14px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; WORD-WRAP: break-word">1、控制横向和纵向滚动条的显隐?<br /><body style="overflow-y:hidden"> 去掉x轴<br /><body style="overflow-x:hidden"> 去掉y轴<br /><body scroll="no">不显<br />2、表格变色<br /><TD οnmοuseοver="this.style.backgroundColor='#FFFFFF'" <br />οnmοuseοut="this.style.backgroundColor=''"<br />style="CURSOR: hand"> <br />3、 禁止复制,鼠标拖动选取<br /><body οndragstart=window.event.returnValue=false οncοntextmenu=window.event.returnValue=false onselectstart=event.returnValue=false> <br />4、 普通iframe页面<br /><iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe><br />5、iframe自适应高度<br /><iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no οnlοad="document.all['pindex'].style.height=pindex.document.body.scrollHeight" ></iframe> <br />6、IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标<br /><link rel="Shortcut Icon" href="favicon.ico"><br /><link rel="Bookmark" href="favicon.ico"> <br />7、字号缩放<br />越来越多的人长时间的泡网,眼镜的普及率也越来越高,让文字大点,让更多的用户看的更清楚。<br />< s c r i p t type="text/java"><br />function doZoom(size)<br />{document.getElementById('zoom').style.fontSize=size+'px';}<br /></><br /><span id="zoom">需要指定大小的文字</span><br /><a href="java:doZoom(16)">大</a> <a href="java:doZoom(14)">中</a> <a href="java:doZoom(12)">小</a> <br />8、select挡住div的解决方法 <br />在div里加入下面的代码,根据需要调整就可以了。<br /><iframe src="java:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;"><br /></iframe><br />9、iframe(嵌入式帧)自适应高度<br />填写的嵌入地址一定要和本页面在同一个站点上,否则会提示“拒绝访问!”。对跨域引用有权限问题,请查阅其他资料。<br /><iframe name="guestbook" src="gbook/index.asp" scrolling=no width="100%" height="100%" frameborder=no οnlοad="document.all['guestbook'].style.height=guestbook.document.body.scrollHeight"></iframe><br />10、 跳转菜单新窗口<br /><select name="select" οnchange="window.open(this.options[this.selectedIndex].value)"><br /><option value="http://www.microsoft.com/ie"> Internet Explorer</option><br /><option value="http://www.microsoft.com"> Microsoft Home</option><br /><option value="http://msdn.microsoft.com"> Developer Network</option><br /></select> <br />11、flash透明选项<br /><param name="wmode" value="transparent"> <br />12、添加到收藏夹和设为首页<br /><a href=# οnclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.makewing.com/lanren/');">设为首页</a><br /><br /><a href="java:window.external.AddFavorite('http://www.makewing.com/lanren/','懒人图库')">收藏本站</a><br />13、记录并显示网页的最后修改时间 <br />< s c r i p t language=Java> <br />document.write("最后更新时间: " + document.lastModified + "") <br /></> <br />14、节日倒计时<br />< s c r i p t Language="Java"> <br /> var timedate= new Date("October 1,2002"); <br /> var times= "国庆节"; <br /> var now = new Date(); <br /> var date = timedate.getTime() - now.getTime(); <br /> var time = Math.floor(date / (1000 * 60 * 60 * 24)); <br /> if (time >= 0) <br /> document.write( "现在离"+times+"还有: "+time +"天")<br /></> <br />15、加在HEAD里 <br />禁止缓存<br /><meta http-equiv="Expires" CONTENT="0"> <br /><meta http-equiv="Cache-Control" CONTENT="no-cache"> <br /><meta http-equiv="Pragma" CONTENT="no-cache"> <br />16、 让IFRAME框架内的文档的背景透明<br /><iframe src="about:<body style='background:transparent'>" allowtransparency></iframe> <br />17、打开窗口即最大化<br />< s c r i p t language="Java"> <br /><!-- Begin <br />self.moveTo(0,0) <br />self.resizeTo(screen.availWidth,screen.availHeight) <br />// End --> <br /></> <br />18、加入背景音乐<br /><bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE<br /><embed src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE 都适用 <br />19、 滚动<br /><marquee direction=up height=146 οnmοuseοut=start() οnmοuseοver=stop() scrollAmount=2>滚动信息<br /></marquee> <br />20、防止点击空链接时,页面往往重置到页首端<br />代码“java:void(null)”代替原来的“#”标记 <br />21、文字或图片弹出指定大小的窗口<br />在body中加入<br />< s c r i p t language="Java" type="text/Java"><br />function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}<br /></><br />弹出代码<br /><a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border="0">图片或文字</a><br />22、 flash按钮加链接 <br />on (press) {<br />getURL("http://www.makewing.com","_blank");<br />} <br />23、跳转页面代码<br /><meta http-equiv="refresh" content="5;url=http://www.makewing.com"> <br />24、细线分隔线<br /><hr noshade size=0 color=#C0C0C0> <br />25、网页中的自动换行<br /><td style="word-break:break-all">就搞定了。<br />完整的是 <br />style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word" <br />26、消除ie6自动出现的图像工具栏,设置 GALLERYIMG属性为false或no . <br /><IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no"> <br />27、禁止页面正文内容被选取 <br /><body οncοntextmenu="return false" οndragstart="return false" onselectstart ="return false" οnselect="document.selection.empty()" οncοpy="document.selection.empty()" onbeforecopy="return <br />false"οnmοuseup="document.selection.empty()"> <br />28、不能点右键,不用CTRL+A,不能复制作!<br /><body οncοntextmenu="window.event.returnValue=false" <br />οnkeypress="window.event.returnValue=false" <br />οnkeydοwn="window.event.returnValue=false" <br />οnkeyup="window.event.returnValue=false" <br />οndragstart="window.event.returnValue=false" <br />onselectstart="event.returnValue=false"> <br /></body> <br />29、IE浏览器支持一个 Body 属性 bgproperties,它可以让背景不滚动: <br /><Body Background="图片文件" bgproperties="fixed"> <br />30、随机变换背景图象(一个可以刷新心情的特效) <br />< s c r i p t Language="Java"> <br /> image = new Array(4); //定义image为图片数量的数组 <br /> image [0] = 'tu0.gif' //背景图象的路径 <br /> image [1] = 'tu1.gif' <br /> image [2] = 'tu2.gif' <br /> image [3] = 'tu3.gif' <br /> image [4] = 'tu4.gif' <br /> number = Math.floor(Math.random() * image.length); <br /> document.write("<BODY BACKGROUND="+image[number]+">"); <br /></> <br />31、flash载入影片 <br />on (release)<br />{<br />loadMovie("1-01.swf", "_root.loaderclip");<br />} <br />32、图片表单按钮<br /><form id="form1" name="form1" method="post" action=""><br /><img src="login.gif" width="62" height="22" οnclick="document.form1.submit()" /><br /></form> <br />33、左右阴影背景的CSS定义方法<br />body {<br />text-align:center;<br />background-repeat: repeat-y;<br />background-position: center;<br />background-image: url(../images/bg.jpg);<br />} <br />34、划过链接 手型鼠标<br />style="cursor:hand" <br />35、如何关闭层<br /><div id="Layer1"></div><br /><a href="#" onClick="Layer1.style.display='none'">关闭层</a> <br />36、关闭窗口的脚本<br /><a href=java:close()>[关闭窗口]</a> <br />37、如果文字过长,则将过长的部分变成省略号显示 <br /><DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;overflow: hidden; text-overflow:ellipsis"> <br /><NOBR>就是比如有一行文字,很长,表格内一行显示不下.</NOBR> <br /></DIV> <br />38、进入主页后自动最大化<br />< s c r i p t> <br />self.moveTo(0,0) <br />self.resizeTo(screen.availWidth,screen.availHeight) <br /></> <br />39、凹陷文字 <br /><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;"><br /><font disabled><br />怎么样,我凹下去了吧?<br><br />你不想试试吗?<br><br /><a href="http://www.lenvo.cn/">www.lenvo.cn</a></font><br /></div> <br />40、运行代码框<br />< s c r i p t><br />function Preview()<br />{var TestWin=open('');<br />TestWin.document.write(code.value);}<br /></><br /><textarea id=code cols=60 rows=15></textarea><br /><br><br /><button οnclick=Preview() >运行</button> <br />41、给表格做链接 <br /><table width="100%" οnclick="window.open('http://www.makewing.com/', '_blank')" style="CURSOR:hand"><br /><tr><br /><td height="100" bgcolor="f4f4f4">?lt;/td><br /></tr><br /></table><br />42、让弹出窗口总是在最上面<br /><body οnblur="this.focus();"> <br />43、CSS文字阴影 <br />.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt;COLOR: #ffffff;} <br />44、后退&关闭窗口<br />后退:java:history.back(1)<br />关闭:java:window.close(); <br />45、表格透明 <br />style="FILTER: alpha(opacity=72)" <br />46、如何避免别人把你的网页放在框架中 <br />< s c r i p t language=“java”><!--if (self!=top){top.location=self.location;} -->< /> <br />47、Alt和Title的区别 <br />alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的。<br /><br /><a href="#" Title="给链接文字提示">文字</a><br /><p Title="给链接文字提示">文字</p><br /><br /><img src="图片链接" alt="给图片提示"><br />48、所有的java的调用尽量采取外部调用 <br />< s c r i p t LANGUAGE="java" SRC="js/xxxxx.js"></> <br />49、链接到<br />response.redirect"login.asp"<br />location.href="xx.asp" <br /><br />onClick="window.location='login.asp'"<br />onClick="window.open('')"<br />50、基本链接样式<br />a:link 表示链接的样式<br />a:active 表示当前活动连接的样式<br />a:hover 表示鼠标划过时的样式<br />a:visited 表示已经访问过的连接的样式<br /><br />"link-visited-hover-active" 简记为 "lvha" 即 "love"+"hate" <br />51、在同一页面设置不同文字链接效果的样式<br /><style type="text/css"><br />.green {COLOR: #309633}<br />.green A:link {COLOR: #309633; TEXT-DECORATION: none}<br />.green A:visited {COLOR: #309633; TEXT-DECORATION: none}<br />.green A:hover {COLOR: #309633; TEXT-DECORATION: underline}<br />.green A:active {COLOR: #309633; TEXT-DECORATION: none}<br /></style><br /><a href="#" class="green">文字</a> </div>
HTML小技巧-----转
最新推荐文章于 2024-07-14 10:34:53 发布