DEDECMS在新闻详细页调用最新图文资讯和上下滚动样式

来源：互联网发布：2017网络普法考试答案编辑：程序博客网时间：2024/05/13 15:55

CSS，JS调用，可能有多余的

    <link rel="stylesheet" href="http://www.qimet.com/css/reset-min.css" />    <link rel="stylesheet" href="http://www.qimet.com/css/style.css" />    <link rel="stylesheet" href="http://www.qimet.com/css/css.css" />    <script type="text/javascript" src="http://www.qimet.com/js/jquery.js"></script>    <script type="text/javascript" src="http://www.qimet.com/js/arrowShow.js"></script>    <script type="text/javascript" src="http://www.qimet.com/js/common.js"></script>    <script type="text/javascript" src="http://www.qimet.com/js/greensock/TweenMax.min.js"></script>

html代码部分：

<div class="fl list"><div class="mask"><div class="layout" id="demo-05"><div class="item" id="117"><a href="http://www.qimet.com/news_c/2014-05-06/30208f721af0f06542ad9e71f111b707.html" ><img width="140" height="88"  border="0" src="http://www.qimet.com/file/allimg/140506/14215GW5-0-lp.jpg" alt="林氏木业家具怎么样" /></a><br /><h4>林氏木业家具怎么样...</h4></div><div class="item" id="116"><a href="http://www.qimet.com/news_c/2014-05-06/116.html" ><img width="140" height="88"  border="0" src="http://www.qimet.com/file/allimg/140506/14214a946-0-lp.jpg" alt="林氏木业家具怎么样 林氏" /></a><br /><h4>林氏木业家具怎么样 林氏...</h4></div><div class="item" id="115"><a href="http://www.qimet.com/news_c2/2014-05-06/115.html" ><img width="140" height="88"  border="0" src="http://www.qimet.com/file/allimg/140506/1421004W8-0-lp.jpg" alt="麻将机维修方法大全 麻将" /></a><br /><h4>麻将机维修方法大全 麻将...</h4></div><div class="item" id="114"><a href="http://www.qimet.com/news_c2/2014-05-06/114.html" ><img width="140" height="88"  border="0" src="http://www.qimet.com/file/allimg/140506/1420234405-0-lp.jpg" alt="穗宝床垫怎么样  附选购技" /></a><br /><h4>穗宝床垫怎么样  附选购技...</h4></div><div class="item" id="113"><a href="http://www.qimet.com/news_c2/2014-05-06/113.html" ><img width="140" height="88"  border="0" src="http://www.qimet.com/file/allimg/140506/14193355U-0-lp.jpg" alt="2014棕垫十大品牌排行榜" /></a><br /><h4>2014棕垫十大品牌排行榜...</h4></div><div class="item" id="110"><a href="http://www.qimet.com/news_c/2014-05-06/110.html" ><img width="140" height="88"  border="0" src="http://www.qimet.com/file/allimg/140506/14105A317-0-lp.jpg" alt="家庭阳台装修设计要点 几" /></a><br /><h4>家庭阳台装修设计要点 几...</h4></div></div>            </div> <div class="arrows">                <a href="javascript:;" class="up arrow2"><img src="/images/arrow_up.gif" /></a>                <a href="javascript:;" class="down arrow1"><img src="/images/arrow_down.gif" /></a> </div><script type="text/javascript">$(function(){//新闻导航var _index =$("#demo-05").find("#"+).index();$(".innerCon.news .list").arrowCtr({dir:"y", start: _index})})</script></div>        <br class="clear" />        <div class="bgBlock blackBg"></div>    </div></div>

最终效果图示：

在线演示(不知道是不是允许发布链接):http://www.qimet.com/news_c2/2014-05-06/115.html

0 0