值得收藏的东东 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("");
}
----------------------------------------------------------
跳转页面代码
<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);
}
摘星建站工作室为您提供临沂网站建设,自助建站-会打字就会建站,域名注册,虚拟主机,网站优化咨询服务,价格低,质量优,与您的网站一起成长。欢迎进行入zxroom.net
- 值得收藏的东东 50条网页制作小技巧集锦
- 网站制作培训-合理的网页设计所具有的特征
- 网页特效:expression将JS、Css结合起来
- 网站制作培训之以新窗口的形式打开目标链接
- 网站制作培训之webService的远程调试问题
- 临沂网站制作培训之Dreamweaver编写CSS的技巧
- 网页特效:滚动条的彩色显示
- 用FireWorks 三帧轻松打造酷 Banner
- 网页特效推荐 可以任意编辑的动态表格
- 网页中文字不跟随浏览器字体大小设置而变动?
- 在自己的计算机上安装Discuz!论坛
- 图片在显示一定的时间后消失
- 网站设计教程之色彩系列教程:基础知识
- 解决img图片下多余空白的CSS代码
- 网页框架和网页框架集如何工作
- 超级漂亮的表格:彩色背景
- 网页设计引入CSS样式的五种方式
- 在页面上实现Google PR值的显示
- 网站制作培训之Dreamweaver网页制作秘诀之二
- 网站制作培训之网页导航设计九大注意事项