Board logo

标题: DIV+CSS分页源代码集合图+打包下载 [打印本页]

作者: divcss5    时间: 2011-4-26 15:42     标题: DIV+CSS分页源代码集合图+打包下载

CSS分页page源代码集合打包
分页演示截图图












等CSS分页源码...

DIV+CSS分页源代码(page分页代码):http://www.divcss5.com/template/m96.shtml
演示地址:http://www.divcss5.com/fanli/divcss5-fenye.html

divcss5.com-fenye.rar

下载地址:
点击下载  大小:4.681KB
作者: ahtest    时间: 2011-4-29 09:08     标题: 再麻烦也要看

再麻烦也要看
作者: mfz0987    时间: 2011-5-3 09:31     标题: 啊了

想要就得下啊
作者: chen    时间: 2011-5-3 13:16     标题: 沃尔沃切尔

很想学习一下,不知道能不能看的懂
作者: cqfengtao    时间: 2011-5-12 15:18

好东西,支持一下
作者: dmgyswf    时间: 2011-5-13 09:58

<!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>
<title>home</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript" charset="utf-8">
// <![CDATA[
$(document).ready(function(){        
        $("#slider").easySlider({
                controlsBefore:        '<p id="controls">',
                controlsAfter:        '</p>',
                auto: true,
                continuous: true
        });        
});
// ]]>
</script>
<style type="text/css">
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/*
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:906px; height:386px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:44px; height:44px; position:absolute; left:0; top:-250px; }
#nextBtn { left:862px; }
#prevBtn a { display:block; width:44px; height:44px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:44px; height:44px; background:url(images/r_arrow.gif) no-repeat 0 0; }
</style>
</head>
<body>
<div class="main">
  <div class="header">
    <div class="block_header">
      <div class="logo"><a href="index.html"><img src="images/logo.gif" width="401" height="145" border="0" alt="logo" /></a></div>
      <div class="menu">
        <ul>
          <li><a href="index.html" class="active">Home</a></li>
          <li><a href="services.html">Services</a></li>
          <li><a href="services.html">About us</a></li>
          <li><a href="portfolio.html">Portfolio</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </div>
      <div class="clr"> </div>
    </div>
  </div>
  <div class="slider">
    <div class="slice1">
      <div id="slider">
        <ul>
          <li>
            <div class="top" style="background:url(images/sliser_bg_img_1.jpg) top no-repeat;">
              <h2><a href="http://www.divcss5.com/">CSS</a> Dummy text of the printing and typesetting industry.</h2>
              <p>Lorem Ipsum has been the industry's standard dummy text ever since the when an unknown printer. <a href="#">Simply dummy text of the printing</a> and typesetting industry. Lorem Ipsum has been the industry's </p>
            </div>
            <div class="bot">
            <div class="lister">
                <p class="active">1</p>
                <p>2</p>
                <p>3</p>
              </div>
              <h2>Simply dummy text</h2>
              <p>Lorem Ipsum has been the industry's standard dummy text ever since.</p>
            </div>
          </li>
          <li>
            <div class="top" style="background:url(images/sliser_bg_img_2.jpg) top no-repeat;">
              <h2>Dummy text of the printing and typesetting industry.</h2>
              <p>Lorem Ipsum has been the industry's standard dummy text ever since the when an unknown printer. <a href="#">Simply dummy text of the printing</a> and typesetting industry. Lorem Ipsum has been the industry's </p>
            </div>
            <div class="bot">
            <div class="lister">
                <p>1</p>
                <p class="active">2</p>
                <p>3</p>
              </div>
              <h2>Simply dummy text</h2>
              <p>Lorem Ipsum has been the industry's standard dummy text ever since.</p>
            </div>
          </li>
          <li>
            <div class="top" style="background:url(images/sliser_bg_img_3.jpg) top no-repeat;">
              <h2>Dummy text of the printing and typesetting industry.</h2>
              <p>Lorem Ipsum has been the industry's standard dummy text ever since the when an unknown printer. <a href="#">Simply dummy text of the printing</a> and typesetting industry. Lorem Ipsum has been the industry's </p>
            </div>
            <div class="bot">
            <div class="lister">
                <p>1</p>
                <p>2</p>
                <p class="active">3</p>
              </div>
              <h2>Simply dummy text</h2>
              <p>Lorem Ipsum has been the industry's standard dummy text ever since.</p>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>  
  <div class="body">
    <div class="body_resize">
      <div class="Author">
        <h2>About the Author</h2>
        <img src="images/img_1.gif" alt="picture" width="97" height="89" hspace="20" vspace="5" />
        <p>Lorem Ipsum has been the industry's standard dummy text ever since thes, when an unknown printer.<a href="#"> Simply dummy text</a> of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since thes, when an unknown printer.</p>
        <p><a href="#"><img src="images/read_more.gif" alt="picture" width="68" height="20" border="0" /></a></p>
      </div>
      <div class="animator">
        <p><img src="images/img_4.gif" alt="picture" width="169" height="126" /> <img src="images/img_3.gif" alt="picture" width="169" height="126" /><img src="images/img_2.gif" alt="picture" width="170" height="126" /></p>
        <h2>Dummy text of the printing and typesetting industry.</h2>
        <p>Lorem Ipsum has been the industry's standard dummy text ever since thes,<a href="#"> when an unknown printer. Simply dummy text</a> of the printing and typesetting industry. </p>
      </div>
      <div class="clr"></div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="FBG">
    <div class="Fbg_resize">
      <div class="Twitter">
        <p><img src="images/Twitter.gif" alt="picture" width="129" height="96" /></p>
        <p><strong>Lorem Ipsum has been</strong> The industry's standard dummy text ever since thes. <a href="#"><img src="images/read_more.gif" alt="picture" width="68" height="20" border="0" /></a></p>
      </div>
      <div class="con">
        <h2>Contact us</h2>
        <ul>
          <li>Name of the Company</li>
          <li> 2901 Marmora Road, Glassgow, D04 59GR</li>
          <li> Telephone: +1 234 567 8910</li>
        </ul>
        <ul>
          <li>FAX: +1 234 567 8910</li>
          <li>E-mail: <a href="#">mail@yoursitename.com</a></li>
        </ul>
      </div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="footer">
    <div class="resize">
      <div>Copyright © Sitename.com. <a href="http://www.divcss5.com/">DIV+CSS</a>. All Rights Reserved<br />
        <a href="index.html">Home</a> | <a href="contact.html">Contact</a> | <a href="blog.html">RSS</a></div>
    </div>
    <p class="clr"></p>
  </div>
</div>
</body>
</html>
作者: aa23    时间: 2011-5-20 18:44

good
作者: yzx001    时间: 2011-5-21 19:57     标题: DIV+CSS分页源代码集合图

DIV+CSS分页源代码集合图
作者: xueye612    时间: 2011-5-22 13:10

感谢分享,谢谢
作者: jakes1985    时间: 2011-5-24 13:05

tian na you zhekyang d ema
作者: seallon    时间: 2011-5-25 20:50

相当给力,顶
作者: ferlyw    时间: 2011-5-31 20:08     标题: 看看

看看 看看 看看 看看
作者: fengkuangtiaowu    时间: 2011-6-1 13:53

学习~学习~学习~学习~
作者: sigh0829    时间: 2011-6-2 11:15

谢谢,学习一下
作者: james385    时间: 2011-6-2 14:36

很好。。谢谢!
作者: jileshi130    时间: 2011-6-9 13:24     标题: 看看了

看看了看看了看看了看看了
作者: xiao    时间: 2011-6-9 13:30


作者: yzx002    时间: 2011-6-15 10:09     标题: 学习了!!

学习了!!学习了!!
作者: 80idea    时间: 2011-6-20 08:10

需要这个东西
作者: akumajing    时间: 2011-6-20 15:37

这个好-、-。。。。
作者: linlin_0804    时间: 2011-6-22 14:52

很好~很实用~学习~
作者: jrdnslm    时间: 2011-6-24 23:00     标题: 很好,很张大

很好,很张大
作者: ruyuecat    时间: 2011-7-3 09:46     标题: aaaa

fdsafdsafdsafdsfdsa
作者: play100    时间: 2011-7-5 10:19

下载学习
作者: lesthurt    时间: 2011-7-8 16:44

seeeeeeee
作者: tong    时间: 2011-7-12 20:47

谢啦,下下学习吧
作者: a453431529    时间: 2011-7-16 21:47     标题: 231

2344442133333333333
作者: songyingde    时间: 2011-7-19 11:53

好太好了
作者: lansefengming    时间: 2011-7-19 22:25

想要~~哈哈太短不让回复
作者: M_none    时间: 2011-7-20 15:49

看看看。。。
作者: 清清    时间: 2011-7-21 21:11     标题: 学习

好好学习啊
作者: betaspirit    时间: 2011-7-25 14:27

piaoliang,vwey good
作者: fangxianggan    时间: 2011-7-26 20:25     标题: 回复 1# divcss5 的帖子

ddfasdfasdfsadf
作者: tangshugui    时间: 2011-7-27 13:53     标题: 超好的贴!

超好的贴!
作者: becauser    时间: 2011-8-4 11:54

3q very much
作者: liaolian9948    时间: 2011-8-8 14:37

感谢分享,谢谢
作者: lhg0043    时间: 2011-8-19 13:23     标题: KANKANAKAAN

KANKANAKAANKANKANAKAANKANKANAKAANKANKANAKAANKANKANAKAANKANKANAKAAN
作者: xylike816    时间: 2011-8-19 14:26     标题: 回复 1# divcss5 的帖子

感谢楼主分享
作者: 216wanjun    时间: 2011-8-20 08:50

值得学习!
作者: lvhua222    时间: 2011-8-25 15:59

支持 支持
作者: zs9999    时间: 2011-8-30 08:29

看看看看看看看看看看
作者: sssljf    时间: 2011-9-1 10:15     标题: 好东西

拿回去试试
作者: s01896    时间: 2011-9-2 10:21

very good !!!!!!!!!!!!1
作者: qwwfxl    时间: 2011-9-2 11:01     标题: 要了

下来看看先
作者: zhangbing8185    时间: 2011-9-2 20:34

很好,谢谢
作者: hailong_qin    时间: 2011-9-6 23:39

222244qa qybhaawsv
作者: jdd    时间: 2011-9-13 14:35

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>divcss5导航条</title>
<!--* DIV CSS导航条* -->
<style type="text/css">
<!--
#nav{width:100%;background:#666666;color:#FFFFFF; font-family:黑体; text-align:center; font-size:13px; font-weight:bold;}
#nav a,span {border-left:#CCCCCC 1px solid; display:inline-block; height:40px; line-height:40px; padding:0px 10px; margin-left:-8px;}
#nav a:link,a:visited,a:active{ text-decoration:none; color:#FFFFFF;}
#nav a:hover { background:#CCCCCC;}
-->
</style></head>
<div id="nav">
<a href="http://www.divcss5.com/">DIVCSS5</a>
<a href="http://www.divcss5.com/">CSS</a>
<a href="http://www.divcss5.com/html/">Html入门基础</a>
<a href="http://www.divcss5.com/rumen/">CSS入门</a>
<a href="http://www.divcss5.com/css-hack/">CSS hack</a>
<a href="http://www.divcss5.com/css-tool/">CSS工具</a>
<a href="http://www.divcss5.com/template/">DIV+CSS模块</a>
<a href="http://www.divcss5.com/shili/">DIV+CSS实例</a>
<a href="http://www.divcss5.com/shouce/">CSS手册</a>
<a href="http://www.divcss5.com/css-editor.html" title="在线CSS编辑器,在线DIV+CSS编辑器">CSS编辑器</a>
<span> </span>
</div>
</body>
</html>
作者: 三藏    时间: 2011-9-14 18:39

ddddddddddddddd
作者: orange2cc    时间: 2011-9-15 14:39

看看  留着以后用
作者: 陈风风    时间: 2011-9-15 16:37     标题: 学习

下载好好看
作者: rsheng    时间: 2011-9-15 21:27

想学习下 真诚的
作者: z婴xx    时间: 2011-9-19 10:27

谢谢楼主~~学习了~~
作者: peterkis    时间: 2011-9-19 17:03

好东西感谢楼主分享~!
作者: 实验3    时间: 2011-10-3 20:18     标题: JJJJJJ

OOOOOOOOOOOO
作者: jiandongsoft    时间: 2011-10-14 10:07     标题: 势均力敌开发技术达林咖啡

是到发多少
作者: liyunlong    时间: 2011-10-16 10:11

啊了

想要就得下啊
作者: 小优    时间: 2011-10-18 10:04


作者: cailin    时间: 2011-10-18 10:08     标题: 放松一下

拉挤树脂
短切丝
作者: jyyboy    时间: 2011-10-21 13:38

zhichi~~~!! ding
作者: maya1369    时间: 2011-10-25 07:58

Good! Vear
作者: llz0513    时间: 2011-10-26 11:12

看下吧
作者: bingxueyingzhe    时间: 2011-10-26 11:49

感谢分享  感谢
作者: jeffchen417    时间: 2011-10-27 09:22     标题: 牛啊

牛啊牛啊牛啊牛啊牛啊牛啊
作者: fenzaiway    时间: 2011-11-4 11:06     标题: 回复 1# divcss5 的帖子

谢谢分享
作者: shazi1314    时间: 2011-11-9 13:52

很想学习一下,不知道能不能看的懂
作者: wcl858    时间: 2011-11-10 15:43


作者: bingqing    时间: 2011-11-10 17:58     标题: 回复 1# divcss5 的帖子

thank U a lot
作者: 俄罗斯金刚    时间: 2011-11-18 13:45

很棒学习
作者: +more    时间: 2011-11-20 12:07

看不懂!
作者: zz栀子花    时间: 2011-11-27 16:24

再麻烦也要看
再麻烦也要看
作者: zhonghailong    时间: 2011-11-29 11:07

下来看看 学学、
作者: lhs89315    时间: 2011-12-1 11:04

分享。。。
作者: allongger    时间: 2011-12-1 12:24

想要就得下啊
作者: datamining    时间: 2011-12-3 12:42     标题: 非常感谢

非常感谢
作者: lgh150    时间: 2011-12-3 15:57

严重地想要学习这个·~
作者: iibook    时间: 2011-12-4 08:48

DIV+CSS分页源代码集合图
作者: fyf3368    时间: 2011-12-6 21:56

感谢分享,谢谢
作者: fyf3368    时间: 2011-12-6 22:01

感谢分享,谢谢
作者: 06764    时间: 2011-12-8 13:44     标题: 回复 1# divcss5 的帖子

恩,O(∩_∩)O谢谢楼主。。
作者: lqp_65    时间: 2011-12-8 14:47

好东西
学习
作者: lhp6639100    时间: 2011-12-16 17:14

代码好像很多哦!!!先下来研究研究
作者: liao_guangyuan    时间: 2011-12-17 12:04     标题: 很棒

看起来效果不错
作者: iscooller    时间: 2011-12-25 13:25

看看先看看先
作者: liuyu512755021    时间: 2011-12-26 10:29     标题: 学习学习

初学者,学习学习……
作者: huill3057    时间: 2011-12-27 13:23


作者: 964865543    时间: 2012-1-5 13:54

我需要!哈哈  谢谢哦
作者: lindazhang800    时间: 2012-1-5 22:41

可控制左右滚动图片列表
作者: 877586225    时间: 2012-1-6 10:43     标题: 回复 1# divcss5 的帖子

好东西要顶帖~~
作者: xltyygy    时间: 2012-1-6 13:24

DIV+CSS分页源代码集合图+打包下载
作者: cuiqinghong    时间: 2012-1-6 20:53

qqqqqqqqqqqqq
作者: jdl    时间: 2012-1-8 09:39     标题: DIV+CSS分页源代码(page分页代码

DIV+CSS分页源代码(page分页代码
作者: shirley    时间: 2012-1-11 14:04

真齐全    是我要找的
作者: qianhaiyou    时间: 2012-1-12 11:27

相当给力
作者: hs309617659    时间: 2012-1-15 19:14     标题: 谢谢

谢谢谢谢
作者: wanxiaoli1989    时间: 2012-1-16 15:46     标题:

学习一下下
作者: suluyahoo111    时间: 2012-1-30 14:45

很想学习一下,不知道能不能看的懂
作者: chuanbao    时间: 2012-2-1 17:38

找了很久了 谢谢分享
作者: thankphp    时间: 2012-2-6 22:09

想要就得下啊
作者: 雪中独行    时间: 2012-2-7 19:09

thanks,
作者: tingwing    时间: 2012-2-9 11:04     标题: 看到演示了,很好

看到演示了,很好




欢迎光临 CSS论坛 (http://www.divcss5.com/bbs/) Powered by Discuz! 6.1.0