统计在线人数...

您的位置: 首页 >> 网络学院 >> 网页制作 >> HTML/CSS >> background-position的妙用文章内容

background-position的妙用

[ 来源：不详 | 作者：不详 | 时间：2006-7-8 21:48:03 | 浏览：统计中... ]

　css2.0 中的 background-position 大家用到过吗？怎么用的？用在哪里？js控制图片切换有两个缺陷：1.有时后切换缓慢,需要预载解决；2.要制作2-3套图片

　　看看怎么用 background-position 解决这个问题，实现快速"切换"，这里只用到一张图片

　　至于代码中的font:10px/1也是不常见的用法

　　可以参考这里:http://www.w3.org/Style/CSS/Test/CSS1/current/sec5526c.htm

　　这种用法放在网站地图或者导航条上的效果：

<style type="text/css">#menu a {display:block;width:150px;margin:6px; padding:10px 0 10px 32px;font:10px/1 sans-serif;color:#f90;background: url("http://nb001722.sosoo.net/btn.gif") top left no-repeat;text-decoration: none;}#menu a:hover {background-position: 0 -39px;color:red;}#menu a:active {background: url("http://nb001722.sosoo.net/btn.gif") 0 -78px no-repeat;color:black;}</style></head><body><div id="menu"><a href="###">Menu link 1</a><a href="###">Menu link 2</a><a href="###">Menu link 3</a><a href="###">Menu link 4</a><a href="###">Menu link 5</a></div><script language="Javascript"> var now = new Date(); document.write("<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime()  + "&cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'>"); </script> <noscript> <img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' width='0' height='0'/> </noscript>

上一篇：FLASH V8的一些怪招

下一篇：Flash Player8 ActiveX 读取本地中文文件夹文件错误问题

>> 相关文章

	评论内容只代表网友观点，与本站立场无关！查看完整内容
	我来评两句用户名称评分验证码最多500字。当前字数：0

分类导航

本类阅读排行本类推荐排行

本类阅读排行本类推荐排行

随机推荐文章

广告位

当前在线人数人

关于我们　|　广告联系　|　版权声明　|　帮助中心　|　友情链接　|　网站地图

QQ:748838　MSN:allen_xia#msn.com　E-mail:allenxia666#126.com　QQ群:站长联盟北方区-北京(28200145) 站长联盟南方区-上海(67713522)

Copyright 2003-2008 zychina.com.cn All Rights Reserved. 京ICP备05033487号