`

分页栏放大镜效果

    博客分类:
  • HTML
 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
a {
 float:left;
 margin:5px 1px 0 1px;
 width:20px;
 height:20px;
 color:#999;
 font:12px/20px 宋体;
 text-align:center;
 text-decoration:none;
 border:1px solid orange;
 }
a:hover {
 position:relative;
 margin:0 -9px 0 -9px;
 padding:0 5px;
 width:30px;
 height:30px;
 font:bold 16px/30px 宋体;
 color:#000;
 border:1px solid black;
 background:#eee;
 }
-->
</style>
</head>

<body>
<div>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">7</a>
<a href="#">8</a>
<a href="#">9</a>
<a href="#">10</a>
</div>
</body>
</html>
 
分享到:
评论

相关推荐

    jquery 特效,总有你想要的

    jqzoomy 放大镜插件 jquploader 文件上传插件 官方ui插件 tabsDemo,tablesorterDemo,SortableDemo,SlideDemo,ShadowDemo,ResizableDemo,DroppableDemo,DialogDemo,DatePickerDe mo,Accordiondemo popupDiv 弹出层...

    CSS+Javascript的一些样式

    例如,在"网页特效代码 js图片放大镜.html"中,JavaScript被用来实现图片的放大镜效果,用户可以通过鼠标悬停来查看图片的细节部分,提高了用户体验。"24款较经典翻页分页.html"可能包含了多种不同的分页样式,使用...

    模拟roseonly官网 网站源代码

    开发者可能运用HTML5的语义化元素,如`&lt;figure&gt;`和`&lt;figcaption&gt;`,来结构化内容,并用JavaScript处理如放大镜效果、添加到购物车等互动功能。 3. **分页设置**:为了优化大量商品的浏览,分页是必不可少的。通过...

    office Word 2021”导航窗口”使用技巧.docx

    用户可以单击搜索框右侧放大镜后面的“▼”,选择“查找”栏中的相关选项,就可以快速查找文档中的图形、表格、公式和批注。 Word 2021 的导航窗口功能非常强大,提供了四种不同的导航方式,用户可以根据自己的实际...

    《程序天下:JavaScript实例自学手册》光盘源码

    3.33 文本放大镜 3.34 文本框的默认输入法 3.35 文本框显示网页中选中的内容 3.36 文字的垂直滚动 3.37 文字幻灯片 3.38 随机动态文字效果 3.39 实现textarea的自动滚动 3.40 使用marquee实现文字上下滚动 3.41 类似...

    程序天下:JavaScript实例自学手册

    3.33 文本放大镜 3.34 文本框的默认输入法 3.35 文本框显示网页中选中的内容 3.36 文字的垂直滚动 3.37 文字幻灯片 3.38 随机动态文字效果 3.39 实现textarea的自动滚动 3.40 使用marquee实现文字上下滚动 3.41 类似...

    网站设计之常见简单实用的JavaScript特效总结(上篇)1

    第五个特效是JS图片放大镜功能,类似于淘宝商品详情页中的效果。这个功能需要结合JavaScript和CSS3来实现,通过创建一个浮动的放大镜层,实时同步鼠标位置,展示鼠标下的局部放大图像。 最后一个在上篇中提到的是...

    Word 2021“导航窗口”使用技巧教程.docx

    特定对象导航可以快速查找文档中的图形、表格、公式、批注等对象,单击搜索框右侧放大镜后面的“▼”,选择“查找”栏中的相关选项,就可以快速查找文档中的这些特定对象。 Word 2021 提供的四种导航方式都有优缺点...

    Word 2021导航窗口应用技巧.docx

    单击搜索框右侧放大镜后面的 "▼",选择"查找"栏中的相关选项,就可以快速查找文档中的图形、表格、公式和批注。 Word 2021 提供的四种导航方式都有优缺点,标题导航很实用,但是事先必须设置好文档的各级标题才能...

    电商网站纯html页面

    在详情页,可以处理放大镜效果和用户评价的动态加载;而在购物车页面,JavaScript可以计算商品总价,并处理添加、删除商品的操作。 此外,图片资源也是电商网站不可或缺的一部分。它们用于商品展示、页面装饰等,...

    VC++.NET案例开发集锦源代码.part1

    案例9 放大镜游戏 案例10 生成缩略图 案例11 透明的窗体 案例12 修改图像的分辨率 案例13 Windows涂鸦程序 案例14 抓取指定区域的图像 案例15 动画范例——飞碟绑架地球人 第三章 多媒体应用 案例1 flash...

Global site tag (gtag.js) - Google Analytics