首页
韩国资源
酷站加油
我的展厅
设计名站
古典元素
推荐下载
设计欣赏
每周专访
招募精英
人才专区
网页教程
平面设计
编程开发
设计竞赛
当前位置：
首页
>
网页教程
>
HTMLCSS教程
> 正文
输入您的搜索字词
提交搜索表单
数字选中放大
来源：68design.net
2006年10月13日 11:13
网友评论：0条
点击：
把如下代码复制到<body></body>之间
<style type="text/css"> ul#hovershow2{ list-style-type: none; margin: 50px; width:200px; float: left; display: inline; clear: both; } ul#hovershow2 li{ float: left; display: inline; width:20px; height: 20px; margin: 2px; } ul#hovershow2 li a { text-decoration: none; display: block; width:20px; height:20px; border:1px red solid; background-color: White; line-height: 20px; font-size: 12px; text-align: center; } ul#hovershow2 li a:hover{ position: absolute; width:40px; height: 40px; line-height: 40px; font-size: 32px; z-index:100; margin: -10px 0 0 -10px; } ul#hovershow2 li:hover + li a{ position: absolute; width:30px; height: 30px; line-height: 30px; font-size: 24px; z-index:99; margin: -5px 0 0 -5px; } </style>
把如下代码复制到<head></head>之间
<ul id="hovershow2"> <li><a href="#1" title="test"><span>1</span></a></li> <li><a href="#1" title="test"><span>2</span></a></li> <li><a href="#1" title="test"><span>3</span></a></li> <li><a href="#1" title="test"><span>4</span></a></li> <li><a href="#1" title="test"><span>5</span></a></li> <li><a href="#1" title="test"><span>6</span></a></li> <li><a href="#1" title="test"><span>7</span></a></li> </ul>
使用说明：鼠标移到数字上后数字会变大，<head></head>代码块中"ul#hovershow2 li a {}"大括号中的属性和值为数字默认的字号、数字的边框大小、边框颜色等，"ul#hovershow2 li a:hover{}"大括号中的属性和值为鼠标移到数字上后数字的字号、数字的边框大小、边框颜色等，这些都可以自行更改。<body></body>代码块中"href"的值为数字的链接，可以根据你的需要更改，如果不想加链接，使用默认的就可以了。
上一篇：
CSS模仿IE警告信息栏
下一篇：
在Javascript中，什么是闭包(Closure)
【
收藏此页
】【
打印
】【
关闭
】
相关文章
我要点评
免责声明
：本站刊载此文不代表同意其说法或描述，仅为提供更多信息，也不构成任何建议。对本文有任何异议，请联络：68design#163.com
转载要求
：作者及来源信息必需保留。转载之图片、文件，链接请不要盗链到本站，且不准打上各自站点的水印。
关于我们
|
在线反馈
|
广告报价
|
友情链接
|
联系我们
|
免责声明
|
在线投稿
|
网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve
【找网页设计师，当然上网页设计师联盟】
