本站源码全部测试通过,并配有前台及后台管理演示图,绿色安全,希望能对大家有所帮助!
首 页 | 文章资讯 | 资源中心
当前位置:深点资源网资源中心网站模版特效插件

基于foucsbox图片滚动

  • 软件大小:350 KB
  • 软件语言:简体中文
  • 软件类型:程序源码
  • 软件类别:网站模版 - 特效插件
  • 运行环境:Win2000/WinXP/Win2003/Win7
  • 授权方式:免费版
  • 更新时间:2015-09-18 10:38:31
  • 软件评级:
  • 人气:
  • 官方主页:Home Page
  • 关键字:幻灯片  图片滚动插件  

资源简介

从php100弄下来的一个图片滚动效果,还不错,是基于foucsbox插件。兼容性没有测试。

使用方法

1、在头部引入下面的文件

<!--引入开始-->
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/foucsbox.css"/>
<script src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/foucsbox.js"></script>
<!--引入结束-->

2、在您的图片滚动区域引入下面的html代码:

<!--代码开始-->
<div class="left">
    <div class="pic">
        <div id="foucsBox">
            <ul class="imgCon">
            <!--展示图片开始-->
                <li><a href="#" target="_blank">
                <img width="420" height="240" src="images/1.png" /></a>
                <div class="imgTitle"><a href="#" target="_blank">27种迹象你该考虑辞掉程序员的工作</a></div>
                <div class="showPage"></div>
                </li>
                <li><a href="#" target="_blank">
                <img width="420" height="240" src="images/2.jpg" /></a>
                <div class="imgTitle"><a href="#" target="_blank">VC的陷阱,看哪些条款会威胁到创业者的利益</a></div>
                <div class="showPage"></div>
                </li>
                <li><a href="#" target="_blank">
                <img width="420" height="240" src="images/3.jpg" /></a>
                <div class="imgTitle"><a href="#" target="_blank">小米360同日竞技:智能手机血战再起</a></div>
                <div class="showPage"></div>
                </li>
                <li><a href="#" target="_blank">
                <img width="420" height="240" src="images/4.png" /></a>
                <div class="imgTitle"><a href="http://code.sjjingpin.com" target="_blank">网页模板</a></div>
                <div class="showPage"></div>
                </li>
            <!--展示图片结束-->
            </ul>
            <div class="foucs"></div>
            <div class="rBtn foucsButton"><span></span></div>
            <div class="lBtn foucsButton"><span></span></div>
        </div>
    </div>
</div>
<!--代码结束-->

下载说明

* 为了达到最快的下载速度,推荐使用网际快车迅雷下载本站软件。
* 请一定升级到最新版WinRAR3.80才能正常解压本站提供的软件!
* 如果您发现下载链接错误,请点击报告错误谢谢!
* 站内提供的所有软件包含破解及注册码均是由网上搜集,若侵犯了你的版权利益,敬请来信通知我们!

本类热门下载

相关下载

Copyright © 2014-2019 深点资源网. All Rights Reserved .
页面执行时间:5,015.62500 毫秒    建站时间:2014-9-29
Powered by:深点资源网