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

┽→踏雪无痕╰ · 发表于 2012-5-10 10:56:10

马上注册，结交更多好友，享用更多功能，让你轻松玩转随县论坛。

您需要登录才可以下载或查看，没有账号？注册会员

×

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

复制代码

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

<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="+image[number]+">");
</Script>

复制代码

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

on(release)
{
loadMovie("1-01.swf","_root.loaderclip");
}

复制代码

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

<formid="form1"name="form1"method="post"action="">
<imgsrc="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);
}

复制代码

CAI整理

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

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

基础资料

马上注册，结交更多好友，享用更多功能，让你轻松玩转随县论坛。

相关帖子