建站技术 >> 网页设计 >>值得收藏的东东 50条网页制作小技巧集锦

┽→踏雪无痕╰

控制横向和纵向滚动条的显隐？---------</iframe>设为首页：---------　　文字或图片弹出指定大小的窗口
　　在body中加入
　　

1. <scriptlanguage="JavaScript"type="text/JavaScript">
   
2. 
   
3. 　　functionMM_openBrWindow(theURL,winName,features){window.open(theURL,winName,features);}
   
4. 
   
5. </script>
   

复制代码

　　弹出代码
　　

1. <ahref="#"target="_self"onClick="MM_openBrWindow　　(windows01.htm,,width=550,height=380)"width="550"height="380"border="0">

复制代码

图片或文字</a>
　　---------------------------------------------------------
　　flash按钮加链接
　　

1. on(press){
   
2. 
   
3. 　　getURL("");
   
4. 
   
5. 　　}
   

复制代码

　　----------------------------------------------------------
　　跳转页面代码
　　

1. <metahttp-equiv="refresh"content="5;url=http://www.makewing.com">

复制代码

　　---------------------------------------------------------------
　　细线分隔线
　　

1. <hrnoshadesize=0color=#C0C0C0>

复制代码

　　------------------------------------------------------------------
　　网页中的自动换行
　　

1. <tdstyle="word-break:break-all">

复制代码

就搞定了。
　　完整的是
　　

1. style="table-layout:fixed;WORD-BREAK:break-all;WORD-WRAP:break-word"

复制代码

　　------------------------------------------------------------------
　　消除ie6自动出现的图像工具栏，设置GALLERYIMG属性为false或no.
　　

1. <IMGSRC="mypicture.jpg"HEIGHT="100px"WIDTH="100px"GALLERYIMG="no">

复制代码

　　--------------------------------------------------------------------
　　禁止页面正文内容被选取

1. <bodyoncontextmenu="returnfalse"ondragstart="returnfalse"onselectstart="returnfalse"
   
2. 
   
3. onselect="document.selection.empty()"oncopy="document.selection.empty()"onbeforecopy="return false"onmouseup="document.selection.empty()">
   

复制代码

　　------------------------------------------------------------------
　　不能点右键，不用CTRL+A，不能复制作!

1. <bodyoncontextmenu="window.event.returnValue=false"
   
2. 
   
3. onkeypress="window.event.returnValue=false"
   
4. 
   
5. onkeydown="window.event.returnValue=false"
   
6. 
   
7. onkeyup="window.event.returnValue=false"
   
8. 
   
9. ondragstart="window.event.returnValue=false"
   
10. 
    
11. onselectstart="event.returnValue=false">
    
12. 
    
13. </body>
    

复制代码

　　-------------------------------------------------------------------
　　IE浏览器支持一个Body属性bgproperties，它可以让背景不滚动:
<BodyBackground="图片文件"bgproperties="fixed">
　　---------------------------------------------------------------
　　随机变换背景图象（一个可以刷新心情的特效）

1. <ScriptLanguage="JavaScript">
   
2. 
   
3. image=newArray(4);//定义image为图片数量的数组
   
4. 
   
5. image[0]=tu0.gif//背景图象的路径
   
6. 
   
7. image[1]=tu1.gif
   
8. 
   
9. image[2]=tu2.gif
   
10. 
    
11. image[3]=tu3.gif
    
12. 
    
13. image[4]=tu4.gif
    
14. 
    
15. number=Math.floor(Math.random()*image.length);
    
16. 
    
17. document.write("<BODYBACKGROUND="+image[number]+">");
    
18. 
    
19. </Script>
    

复制代码

-----------------------------------------------------------------------
　　flash载入影片

1. on(release)
   
2. 
   
3. {
   
4. 
   
5. loadMovie("1-01.swf","_root.loaderclip");
   
6. 
   
7. }
   

复制代码

-----------------------------------------------------------------
　　图片表单按钮

1. <formid="form1"name="form1"method="post"action="">
   
2. 
   
3. <imgsrc="login.gif"width="62"height="22"onclick="document.form1.submit()"/>
   
4. 
   
5. </form>
   

复制代码

------------------------------------------------------------------
　　左右阴影背景的CSS定义方法

1. body{
   
2. 
   
3. text-align:center;
   
4. 
   
5. background-repeat:repeat-y;
   
6. 
   
7. background-position:center;
   
8. 
   
9. background-image:url(../images/bg.jpg);
   
10. 
    
11. }
    

复制代码

CAI整理


该贴已经同步到 ℡幽月╃冰心的微博