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

最新推荐文章于 2021-08-24 14:32:57 发布

gnoroat

最新推荐文章于 2021-08-24 14:32:57 发布

阅读量1k

点赞数

分类专栏：织梦cms

本文链接：https://blog.csdn.net/zxwpp/article/details/25188289

版权

织梦cms 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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>

最终效果图示：