网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
DIV+CSS
> 正文
DIV+CSS分页代码,放大镜分页效果
深山行者个人网站 2010/3/15 19:25:12 深山行者 字体:
大
中
小
浏览 13095
以下为详细代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>给放大的分页</title> <meta name="author" content="aoao" /> <meta content="all" name="robots" /> </head> <body> <br /> <br /> <!--hovershow start--> <style type="text/css"> #hovershow {list-style-type:none;margin:10px;width:200px;float: left;display: inline;clear: both;} #hovershow li {float:left;display:inline;width:20px;height:20px;margin:2px;font-family:Arial,Helvetica,sans-serif,宋体;} #hovershow li a {text-align:center;border:1px #999 solid;background-color:#fff;display:block;width:20px;height:20px;color:#0984FF;text-decoration: none;line-height:20px;font-size:12px;font-weight: bold;} #hovershow li a:hover {position:absolute;width:40px;height:40px;line-height:40px;font-size:32px;font-weight:900;z-index:100;margin:-10px 0 0 -10px;} #hovershow li span {text-align:center;border:1px #999 solid;background-color:#fff;position:absolute;width:30px;height:30px;line-height:30px;font-size:32px;font-weight:900;z-index:99;margin:-5px 0 0 -5px;} </style> <h2>放大的分页</h2> <!--点击后的效果--> <ul id="hovershow"> <li><a href="#1">1</a></li> <li><a href="#2">2</a></li> <li><a href="#3">3</a></li> <li><span>4</span></li> <li><a href="#5">5</a></li> <li><a href="#6">6</a></li> <li><a href="#7">7</a></li> </ul> <!--未点击的效果--> <ul id="hovershow"> <li><a href="#1">1</a></li> <li><a href="#2">2</a></li> <li><a href="#3">3</a></li> <li><a href="#4">4</a></li> <li><a href="#5">5</a></li> <li><a href="#6">6</a></li> <li><a href="#7">7</a></li> </ul> <!--hovershow end--> </body> </html>
前一页:
这个超级强的div+css图片大小自适应
后一页:
CSS代码格式化和压缩化
相关阅读
javascript时间显示01
广西南宁美程国际旅行社有限公司
css a标签与如何利用css中text-indent实现文章缩进
地瓜坊
asp遍历站点所有文件夹的代码
四川省中国青年旅行社有限公司高新分社
解析css属性的另类属性之媒体（Media）类型
仙美境
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
jquery设置或获取修改classname
利用css3.0写出一个音乐播放的唱片碟盘的效果
利用css中的scale()实现放大缩小效果
利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
css背景使用base64编码或者将base64编码放在img图片标签中
利用css3中的-webkit-font-smoothing把网页文字的毛边去掉
更多>>
最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现：无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>
随机抽取信息
获得当前页面的长宽高各项参数
启用新版文章管理系统
ASP与ACCESS数据库链接代码
loading图片
asp简易论坛制作教程(三)——数据库的设置
游戏-植物大战僵尸留言板模板
更多标签
热门标签
flush
淘宝
optgroup
增高
等待
DW
鼠标
教程
slectindext
CSS滤镜
想
深山旅游网站管理系统V1.0
服务器
缓冲
样式
事务
搜索
word-break
收缩
凹陷
FSO
txt
access
下拉
简易
iis
控件
居中
关闭
instr
跳转
letter-spacing
天气预报
滑轮
time
mssql
Session
货币
美化
缩小
许愿墙
FlashFxp
统计
火狐
百度
拼音
模板
expression
应用
电影
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号
苏公网安备 32070502010230号
