50条网页制作小技巧集锦

50条网页制作小技巧集锦

控制横向和纵向滚动条的显隐？---------</iframe>设为首页：--------- 　　文字或图片弹出指定大小的窗口 　　在body中加入 　　<scriptlanguage="JavaScript"type="text/JavaScript"> 　　functionMM_openBrWindow(theURL,winName,features){window.open(theURL,winName,features);} </script> 　　弹出代码 　　<ahref="#"target="_self"onClick="MM_openBrWindow　　('windows01.htm','','width=550,height=380')"width="550"height="380"border="0">图片或文字</a> 　　--------------------------------------------------------- 　　flash按钮加链接 　　on(press){ 　　getURL("http://www.makewing.com" ?,?_blank?>http://www.makewing.com","_blank"); 　　} 　　---------------------------------------------------------- 　　跳转页面代码 　　<metahttp-equiv="refresh"content="5;url=http://www.makewing.com"> 　　--------------------------------------------------------------- 　　细线分隔线 　　<hrnoshadesize=0color=#C0C0C0> 　　------------------------------------------------------------------ 　　网页中的自动换行 　　<tdstyle="word-break:break-all">就搞定了。 　　完整的是 　　style="table-layout:fixed;WORD-BREAK:break-all;WORD-WRAP:break-word" 　　------------------------------------------------------------------ 　　消除ie6自动出现的图像工具栏，设置GALLERYIMG属性为false或no. 　　<IMGSRC="mypicture.jpg"HEIGHT="100px"WIDTH="100px"GALLERYIMG="no"> 　　-------------------------------------------------------------------- 　　禁止页面正文内容被选取 <bodyοncοntextmenu="returnfalse"οndragstart="returnfalse"onselectstart="returnfalse" οnselect="document.selection.empty()"οncοpy="document.selection.empty()"onbeforecopy="return false"οnmοuseup="document.selection.empty()"> 　　------------------------------------------------------------------ 　　不能点右键，不用CTRL+A，不能复制作! <bodyοncοntextmenu="window.event.returnValue=false" οnkeypress="window.event.returnValue=false" οnkeydοwn="window.event.returnValue=false" οnkeyup="window.event.returnValue=false" οndragstart="window.event.returnValue=false" onselectstart="event.returnValue=false"> </body> 　　------------------------------------------------------------------- 　　IE浏览器支持一个Body属性bgproperties，它可以让背景不滚动: <BodyBackground="图片文件"bgproperties="fixed"> 　　--------------------------------------------------------------- 　　随机变换背景图象（一个可以刷新心情的特效） <ScriptLanguage="JavaScript"> image=newArray(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("<BODYbackground="http://blog.bitscn.com/+image[number]+">"); </Script> ----------------------------------------------------------------------- 　　flash载入影片 on(release) { loadMovie("1-01.swf","_root.loaderclip"); } ----------------------------------------------------------------- 　　图片表单按钮 <formid="form1"name="form1"method="post"action=""> <imgsrc="http://blog.bitscn.com/login.gif"width="62"height="22"οnclick="document.form1.submit()"/> </form> ------------------------------------------------------------------ 　　左右阴影背景的CSS定义方法 body{ text-align:center; background-repeat:repeat-y; background-position:center; background-image:url(../images/bg.jpg); }