网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
DIV+CSS
> 正文
DIV+CSS分页代码,放大镜分页效果
深山行者个人网站 2010/3/15 19:25:12 深山行者 字体:
大
中
小
浏览 13067
以下为详细代码
<!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代码格式化和压缩化
相关阅读
利用css制作简易相册
用于深山在线投票的一个javascript统计checkbox现在选中的个数一边点复选框一边验证并计算现在选了多少个复选框
乌鲁木齐旅游
一些关于素材的网站
asp事务处理 for mssql
利用javascript简短功能就可以检查form表单中的元素是否已经填写
石家庄长兴国际旅行社
跳转菜单,跳转后用新窗口打开
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
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还有其它的吗
更多>>
随机抽取信息
RSA加密解密插件
一个非常适和div+css初学者看的例子,看完之后,相信你的DIV+CSS技术一定会上一个层次
点击密码框弹出小键盘
微信小程序客服会话只能过button让用户主动触发
消声器
一个非常实用的当你在关闭任何窗口时都作出提示[推荐]
更多标签
热门标签
tag
调节
windows
程序
爱墙
asp.net
展示
建立日期
限制
table
留言板
javascript
斜线
硬件
flash 透明
快捷
表达式
绝对管用的iis安装包下载
展开
滑动
cpu
眼睛
ResponseXML
Google
邮箱
下拉框
执行
手
imprt
经典
mop
获得
adobe
jpg
blog
技巧
经典的
option
考试
屏幕
移动
菜单
自动隐藏
刷新
滑过
层
控制
时钟
加长
字节数
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号
苏公网安备 32070502010230号
