安徽SEO顾问

毛主席说过,实践出真知(也许他老人家也许没说过...不过这些不重要)重要的是本博将持续更新,持续分享。
网络营销优化QQ交流群:436867053

织梦仿站详细教程案例之dedecms第四块轮播图变幻

网页源码

<div class="box clearfix in_mendian">

<h2><i><a href="/a/anli/">更多>></a></i><strong><a href="/a/anli/">干洗店加盟案例</a></strong></h2>


    <ul class="clearfix">


<li><a href="/a/anli/2016/0504/16.html"  target="_blank"><img src="/uploads/allimg/160504/1-160504204A60-L.jpg "   width="250" height="188"/><span>微软的复兴会死于Windows系统 <span/></a> </li>

<li><a href="/a/anli/2016/0504/15.html"  target="_blank"><img src="/uploads/allimg/160504/1-1605042046230-L.jpg "   width="250" height="188"/><span>我们目前正在研发下一代新 <span/></a> </li>

<li><a href="/a/anli/2016/0504/14.html"  target="_blank"><img src="/uploads/allimg/160504/1-1605042045140-L.jpg "   width="250" height="188"/><span>Windows部门负责人重申:我们 <span/></a> </li>

<li><a href="/a/anli/2016/0504/13.html"  target="_blank"><img src="/uploads/allimg/160503/1-1605032253270-L.jpg "   width="250" height="188"/><span>一名用户在Windows 10 Feedbac <span/></a> </li>

<li><a href="/jiage/2016/0504/12.html"  target="_blank"><img src="/uploads/allimg/160504/1-1605042043230-L.jpg "   width="250" height="188"/><span>Windows 10新版资源管理器图标 <span/></a> </li>



    </ul>

</div>

<script>


$('.in_mendian ul li').mouseover(function(){

$(this).children().animate({'opacity':'1'},200).parent().siblings().children().animate({'opacity':'0.6'},200);

})

$('.in_mendian ul').mouseleave(function(){

$('.in_mendian ul li').children().animate({'opacity':'1'},200);

});

</script>


<div data-event="hover" class="tab2 box">

<div class="tab-hd2">

    <ul>

        <li class="current"><a>合作品牌</a></li>

            <li class=""><a>企业荣誉</a></li>

        </ul>

    </div>

    <div class="tab-bd2">

    <div class="qh">

        <div class="pinpaihezuo">

        <ul>

            <li><img src="/templets/default/images/1.jpg" alt="安徽网站优化"/></li>

                <li><img src="/templets/default/images/2.jpg" alt="安徽网站优化"/></li>

                <li><img src="/templets/default/images/3.jpg" alt="安徽网站优化"/></li>

                <li><img src="/templets/default/images/4.jpg" alt="安徽网站优化"/></li>

                <li><img src="/templets/default/images/5.jpg" alt="安徽网站优化"/></li>

                <li><img src="/templets/default/images/6.jpg" alt="安徽网站优化"/></li>

                <li><img src="/templets/default/images/7.jpg" alt="安徽网站优化"/></li>

                <li><img src="/templets/default/images/8.jpg" alt="安徽网站优化"/></li>

                <li><img src="/templets/default/images/9.jpg" alt="安徽网站优化"/></li>

                <li><img src="/templets/default/images/10.jpg" alt="安徽网站优化"/></li>

                

            </ul>

            </div>

        </div>

   

        <div class="qh">

        <div class="uccrongyu">

        <ul>

            <li><img src="/templets/default/images/1.png" alt="安徽网站优化,安徽网站优化"  title="安徽网站优化"/></li>

                <li><img src="/templets/default/images/2.png" alt="安徽网站优化,安徽网站优化"  title="安徽网站优化"/></li>

                <li><img src="/templets/default/images/3.png" alt="安徽网站优化,安徽网站优化"  title="安徽网站优化"/></li>

                <li><img src="/templets/default/images/4.png" alt="安徽网站优化,安徽网站优化"  title="安徽网站优化"/></li>

                <li><img src="/templets/default/images/5.png" alt="安徽网站优化,安徽网站优化"  title="安徽网站优化"/></li>

                <li><img src="/templets/default/images/6.png" alt="安徽网站优化,安徽网站优化"  title="安徽网站优化"/></li>


                

            </ul>

            </div>

            

        </div>

    </div>

</div>


<script>

 $(function () {

 $('.pinpaihezuo,.uccrongyu').kxbdSuperMarquee({

isMarquee:true,

isEqual:false,

direction:'left'

});

});

</script> 

QQ截图20160505214311.jpg

dedecms模板源码

<div class="box clearfix in_mendian">

{dede:arclist  typeid="3"  row=14 titlelen=32 limit="0,1" }

<h2><i><a href="[field:typeurl/]">更多>></a></i><strong><a href="[field:typeurl/]">[field:typename/]</a></strong></h2>

{/dede:arclist}

    <ul class="clearfix">


{dede:arclist  row=14 titlelen=32 limit="0,5"}

    <li><a href="[field:arcurl/]"  target="_blank"><img src="[field:litpic /] "   width="250" height="188"/><span>[field:title/] <span/></a> </li>

{/dede:arclist}


    </ul>

</div>

<script>


$('.in_mendian ul li').mouseover(function(){

$(this).children().animate({'opacity':'1'},200).parent().siblings().children().animate({'opacity':'0.6'},200);

})

$('.in_mendian ul').mouseleave(function(){

$('.in_mendian ul li').children().animate({'opacity':'1'},200);

});

</script>


<div data-event="hover" class="tab2 box">

<div class="tab-hd2">

    <ul>

        <li class="current"><a>合作品牌</a></li>

            <li class=""><a>企业荣誉</a></li>

        </ul>

    </div>

    <div class="tab-bd2">

    <div class="qh">

        <div class="pinpaihezuo">

        <ul>

            <li><img src="{dede:global.cfg_templets_skin/}/images/1.jpg" alt="安徽网站优化"/></li>

                <li><img src="{dede:global.cfg_templets_skin/}/images/2.jpg" alt="安徽网站优化"/></li>

                <li><img src="{dede:global.cfg_templets_skin/}/images/3.jpg" alt="安徽网站优化"/></li>

                <li><img src="{dede:global.cfg_templets_skin/}/images/4.jpg" alt="安徽网站优化"/></li>

                <li><img src="{dede:global.cfg_templets_skin/}/images/5.jpg" alt="安徽网站优化"/></li>

                <li><img src="{dede:global.cfg_templets_skin/}/images/6.jpg" alt="安徽网站优化"/></li>

                <li><img src="{dede:global.cfg_templets_skin/}/images/7.jpg" alt="安徽网站优化"/></li>

                <li><img src="{dede:global.cfg_templets_skin/}/images/8.jpg" alt="安徽网站优化"/></li>

                <li><img src="{dede:global.cfg_templets_skin/}/images/9.jpg" alt="安徽网站优化"/></li>

                <li><img src="{dede:global.cfg_templets_skin/}/images/10.jpg" alt="安徽网站优化"/></li>

                

            </ul>

            </div>

        </div>

   

        <div class="qh">

        <div class="uccrongyu">

        <ul>

            <li><img src="{dede:global.cfg_templets_skin/}/images/1.png" alt="安徽网站优化,安徽网站优化"  title="安徽网站优化"/></li>

                <li><img src="{dede:global.cfg_templets_skin/}/images/2.png" alt="安徽网站优化,安徽网站优化"  title="安徽网站优化"/></li>

                <li><img src="{dede:global.cfg_templets_skin/}/images/3.png" alt="安徽网站优化,安徽网站优化"  title="安徽网站优化"/></li>

                <li><img src="{dede:global.cfg_templets_skin/}/images/4.png" alt="安徽网站优化,安徽网站优化"  title="安徽网站优化"/></li>

                <li><img src="{dede:global.cfg_templets_skin/}/images/5.png" alt="安徽网站优化,安徽网站优化"  title="安徽网站优化"/></li>

                <li><img src="{dede:global.cfg_templets_skin/}/images/6.png" alt="安徽网站优化,安徽网站优化"  title="安徽网站优化"/></li>


                

            </ul>

            </div>

            

        </div>

    </div>

</div>


<script>

 $(function () {

 $('.pinpaihezuo,.uccrongyu').kxbdSuperMarquee({

isMarquee:true,

isEqual:false,

direction:'left'

});

});

</script> 


发表看法

额 本文暂时没人评论 来添加一个吧

Top