中国网管论坛's Archiver

xdf_258 发表于 2006-11-23 14:31

40个网页设计小技巧1

[url=http://www.itpx.com.cn]IT培训网,免费发布培训信息![/url]

1.如何控制横向和纵向滚动条的显隐?
<body style="overflow-y:hidden"> 去掉x轴滚动条
<body style="overflow-x:hidden"> 去掉y轴滚动条
<body scroll="no">不显
2.表格变色
<TD
style="CURSOR: hand">
3.禁止复制,鼠标拖动选取
<body ondragstart=window.event.returnvalue=false oncontextmenu=window.event.returnvalue=false
onselectstart=event.returnvalue=false>
4.iframe的使用
<iframe  src="a.htm" width="50" height="50"  frameborder="0"></iframe>
5.在收藏夹及IE地址栏中显示出你的图标
<link rel="Shortcut Icon" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
6.字号缩放
越来越多的人长时间的泡网,眼镜的普及率也越来越高,让文字大点,让更多的用户看的更清楚。
<script type="text/javascript">
function doZoom(size)
{document.getElementById('zoom').style.fontSize=size+'px';}
</script>
<span id="zoom">需要指定大小的文字</span>
<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>
7.select挡住div的解决方法
在div里加入下面的代码,根据需要调整就可以了。
<iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;">
</iframe>
8.跳转菜单新窗口
<select name="select" >
<option value="[url=http://www.lihao.name]http://www.lihao.name[/url]"> lihao</option>
<option value="[url=http://www.nai8.com]http://www.nai8.com[/url]"> nai8</option>
<option value="[url=http://www.akbk.net]http://www.akbk.net[/url]"> akbk</option>
</select>
9.flash透明选项
<param name="wmode" value="transparent">
10.显示网页的最后更新时间
<script language=javascript>
document.write("最后更新时间: " + document.lastModified + "")
</script>
11.添加到收藏夹和设为首页
<a href=# >设为首页</a>
<a href="javascript:window.external.AddFavorite('http://www.lihao.name/','李好博客)">收藏本站</a>
12.加入背景音乐
<bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE
<embed src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE 都适用
13.滚动
<marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>滚动信息</marquee>
14.跳转页面代码
<meta http-equiv="refresh" c>
15. flash按钮加链接
on (press) {
getURL("[url=http://www.lihao.name]http://www.lihao.name","_blank[/url]");
}  
16.文字或图片弹出指定大小的窗口
在body中加入
<script language="javascript" type="text/javascript">
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script>
弹出代码
<a href="#" target="_self"  width="550" height="380" border="0">图片或文字</a>
17. 细分隔线
<hr noshade size=0 color=#C0C0C0>
18.网页中的自动换行
<td style="word-break:break-all">
完整的是:
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"
19. 消除ie6自动出现的图像工具栏,设置 GALLERYIMG属性为false或no .
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">
20. 不能点右键,不用CTRL+A,不能复制作!
<body  




>
</body>


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

[url=http://www.itpx.com.cn][IMG]http://www.itpx.com.cn/images/logo.gif[/IMG][/url]

[url=http://www.itpx.com.cn]网络/网站工程师[/url]

[url=http://www.itpx.com.cn]IT培训网,免费发布培训信息![/url]

swzz 发表于 2007-2-21 09:20

好东西,谢谢了

页: [1]

Powered by Discuz! Archiver 6.1.0  © 1999-2008 bbs.bitsCN.com