分页栏带背景图片效果-JS特效-爱易网页

分页栏带背景图片效果

日期：2014-05-18　浏览次数：20233 次

以下是程序代码

<!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=gb2312">
<meta name="keywords" content="站长,网页特效,网页特效代码,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>网页特效 漂亮的图片背景分页效果 站长特效网</title>
<style type="text/css">
*{margin:0;padding:0;font-size:12px;}
div{text-align:center;}
div a{display:inline-block;background:url(/img/20100910zzjs_net.gif) no-repeat left top;text-decoration:none;padding-left:8px;color:#FFF;}
div a:hover{background:url(/img/20100910zzjs_net.gif) no-repeat left -24px;color:#000;}
div a span{display:inline-block;background:url(/img/20100910zzjs_net.gif) no-repeat right top;height:24px;line-height:24px;padding-right:8px;cursor:pointer;}
div a:hover span{background:url(/img/20100910zzjs_net.gif) no-repeat right -24px;}
</style>
</head>
<body>
<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<div>
  <a href="#"><span>上一页</span></a>
  <a href="#"><span>1</span></a>
  <a href="#"><span>2</span></a>
  <a href="#"><span>3</span></a>
  <a href="#"><span>下一页</span></a>
</div>
</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

移动联通回应税率改革：短期内收入利润将大减

陈天桥之鉴：产品创新被扼杀那些事

百度对糯米来说到底意味着什么？

网易微博将正式关闭用户迁至轻博客LOFTER

神州电脑中止IPO面前：再被质疑财务造假

中国电信内外受困去电信化思绪待改

苹果收购Beats交易或将延期尚需解决5大问题

同样的背景，罗永浩和雷军到底有什么不同？

分页栏带背景图片效果

相关资料更多>

推荐阅读更多>