50条网页制作小技巧集锦

 

   

50条网页制作小技巧集锦

2007-04-28 19:01

控制横向和纵向滚动条的显隐？---------</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">

　　--------------------------------------------------------------------

　　禁止页面正文内容被选取

<bodyoncontextmenu="returnfalse"ondragstart="returnfalse"onselectstart="returnfalse"

onselect="document.selection.empty()"oncopy="document.selection.empty()"onbeforecopy="return false"onmouseup="document.selection.empty()">

　　------------------------------------------------------------------

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

<bodyoncontextmenu="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，它可以让背景不滚动:

<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"onclick="document.form1.submit()"/>

</form>

------------------------------------------------------------------

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

body{

text-align:center;

background-repeat:repeat-y;

background-position:center;

background-image:url(../images/bg.jpg);

}