没有合适的资源?快使用搜索试试~ 我知道了~
40个网页设计小技巧.txt
需积分: 15 5 下载量 72 浏览量
2009-04-01
11:17:15
上传
评论
收藏 6KB TXT 举报
温馨提示
试读
6页
非常实用的40个网页设计小技巧 都可以使用,测试OK
资源推荐
资源详情
资源评论
40个网页设计小技巧
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里加入下面的代码,根据需要调整就可以了。
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="http://www.lihao.name"> lihao</option>
<option value="http://www.nai8.com"> nai8</option>
<option value="http://www.akbk.net"> 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("http://www.lihao.name","_blank");
}
16.文字或图片弹出指定大小的窗口
在body中加入
</iframe>
8.跳转菜单新窗口
<select name="select" >
<option value="http://www.lihao.name"> lihao</option>
<option value="http://www.nai8.com"> nai8</option>
<option value="http://www.akbk.net"> 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("http://www.lihao.name","_blank");
}
16.文字或图片弹出指定大小的窗口
在body中加入
剩余5页未读,继续阅读
资源评论
xiemingshui
- 粉丝: 0
- 资源: 7
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功