585658网址导航 - [162100.com提供源码]

<div class="widget-slide" data-jss="animType:'fade',viewSelector:'.slide-content .inner',tabSelector:'.slide-nav li',mouseenterSwitchTime:null,autoPlay:false,animDur:200">
            <div class="service-hd">
                <h2 class="title"><a href="http://xiaohua.hao.360.cn/"><img src="http://p1.qhimg.com/t01f0889d6a4424bf56.jpg" title="放松一下"></a></h2>
                <div class="service-tab slide-nav">
                    <ul>
                        <li class="selected"><a href="http://xiaohua.hao.360.cn/tjxh">爆笑热图</a></li>
                        <li><a href="http://xiaoshuo.360.cn/">精彩小说</a></li>
                        <li><a href="http://go.360.cn/">旅游度假</a></li>
                        <li><a href="http://image.haosou.com/?&src=daohang">养眼美图</a></li>
                    </ul>
                </div>
                <ul class="direct-site">
                     <li><a href="http://xiaohua.hao.360.cn/tjxh">内涵图</a></li>
                    <li><a href="http://www.xxhh.com/?360pd">嘻嘻哈哈</a></li>
                    <li><a href="http://xiaohua.hao.360.cn/video">搞笑视频</a></li>
                    <li><a href="http://y.hao.360.cn/ent/">娱乐八卦</a></li>
                    <li><a href="http://www.69xiu.com/extension/speadRoom?jxiusr=360_x2">主播</a></li>
                </ul>
            </div>
            <div class="service-bd gclearfix">
                <div class="loading" style="display:none"><img src="http://p1.qhimg.com/t019436f9a61e4203fe.gif">正在为您努力加载...</div>
                <div class="slide-content">
                    <div data-tab-cate="relax-tab1" class="inner" id="service-relax-moment">
                        <script type="text/template" id="relax-tab1-template">
                            <div class="widget-slide-inner" data-jss="animType:'scroll',viewSelector:'.slide-column-content .slide-column-inner',pageUpSelector:'.slide-column-pageup',pageDownSelector:'.slide-column-pagedown',mouseenterSwitchTime:null,animDur:300" data-cate="relax-inner">
                                <div class="slide-content slide-column-content">
                                    <div class="slide-column-wrap">
                                        {for (var x = 0, y = 3; x < y; x++)}
                                        <div class="slide-column-inner {if (x == 0)}selected{/if}">
                                            <ul class="service-pic gclearfix">
                                                {for (var i = x * 10, j = i + 10; i < j; i++)}
                                                {js var item = $slide_data[i]}
                                                    <li>
                                                        <div class="g-pic">
                                                            <a href="{item.pic_link}">
                                                                <img src="{item.pic}" /> 
                                                                <em class="txt">{item.text}</em>
                                                                <span class="mask"></span>
                                                            </a>
                                                        </div>
                                                    </li>
                                                {/for}
                                            </ul>
                                        </div>
                                        {/for}
                                    </div>
                                </div>
                                <div class="slide-nav">
                                    <ul>
                                        <li class="selected">
                                            <a href="###">标签信息</a>
                                        </li>
                                        <li>
                                            <a href="###">标签信息</a>
                                        </li>
                                        <li>
                                            <a href="###">标签信息</a>
                                        </li>
                                    </ul>
                                </div>
                                <a href="###" class="slide-column-pageup" style="display: inline;">上一屏</a>
                                <a href="###" class="slide-column-pagedown" style="display: inline;">下一屏</a>
                            </div>
                        </script>
                    </div>
                    <div data-tab-cate="relax-tab2" class="inner three-column" id="service-relax-novel">
                        <script type="text/template" id="relax-tab2-template">
                            <div class="service-left">
                                <div class="service-site">
                                    <ul class="site-recom">
                                        {for (var i = 0, j = $left_data.logo_list.length; i < j; i++)}
                                        {js var item = $left_data.logo_list[i]}
                                            <li>
                                                <a href="{item.pic_link}">
                                                    <img src="{item.pic}" />
                                                    {item.text}
                                                </a>
                                            </li>
                                        {/for}
                                    </ul>
                                    <ul class="site-list g-list">
                                        {for (var i = 0, j = $left_data.site_list.length; i < j; i++)}
                                        {js var item = $left_data.site_list[i]}
                                        <li> <ins class="dot"></ins>
                                            <a href="{item.link}">{item.text}</a>
                                        </li>
                                        {/for}
                                    </ul>
                                </div>
                            </div>
                            <div class="service-middle">
                                <div class="service-news">
                                    {for (list in $middle_data)}
                                    {js var item = $middle_data[list]}
                                    <ul class="g-list">
                                        {for (var i = 0, j = item.pic.length; i < j; i++)}
                                        {js var data = item.pic[i]}
                                        <li class="g-pic">
                                            <a href="{data.pic_link}">
                                                <img src="{data.pic}" /> 
                                                <em class="txt">{data.text}</em>
                                                <span class="txt-bg"></span>
                                                <span class="mask"></span>
                                            </a>
                                        </li>
                                        {/for}
                                         
                                        {for (var i = 0, j = item.wenzi.length; i < j; i++)}
                                        {js var data = item.wenzi[i]}
                                        <li>
                                            <ins class="dot"></ins>
                                            <a href="{data.tag.link}">{data.tag.text}</a>
                                            |
                                            {for (var n = 0, m = data.list.length; n < m; n++)}
                                            {js var link = data.list[n]}
                                            <a href="{link.link}">{link.text}</a>
                                            {/for}
                                        </li>
                                        {/for}
                                    </ul>
                                    {/for}
                                </div>
                            </div>
                            <div class="service-right">
                                <div class="ranking-list  category-site">
                                    <h3 class="category-title">
                                        <a href="{$right_data.title.link}">{$right_data.title.text}</a>
                                    </h3>
                                    <ul class="gclearfix">
                                        {for (var i = 0, j = $right_data.list.length; i < j; i++)}
                                        {js var item = $right_data.list[i]}
                                        <li class="gclearfix">
                                            <span class="ranking-number {if (i < 3)}top3{/if}">{js print(i + 1)}</span>
                                            <span>
                                                <a href="{item.link}">{item.text}</a>
                                            </span>
                                            <em>{item.count}</em>
                                        </li>
                                        {/for} 
                                    </ul>
                                </div>
                            </div>
                        </script>
                    </div>
                    <div data-tab-cate="relax-tab3" class="inner three-column" id="service-relax-travel">
                        <script type="text/template" id="relax-tab3-template">
                            <div class="service-left">
                                <div class="service-site">
                                    <ul class="site-recom">
                                        {for (var i = 0, j = $left_data.logo_list.length; i < j; i++)}
                                        {js var item = $left_data.logo_list[i]}
                                            <li>
                                                <a href="{item.pic_link}">
                                                    <img src="{item.pic}" />
                                                    {item.text}
                                                </a>
                                            </li>
                                        {/for}
                                    </ul>
                                    <ul class="site-list g-list">
                                        {for (var i = 0, j = $left_data.site_list.length; i < j; i++)}
                                        {js var item = $left_data.site_list[i]}
                                        <li> <ins class="dot"></ins>
                                            <a href="{item.link}">{item.text}</a>
                                        </li>
                                        {/for}
                                    </ul>
                                </div>
                            </div>
                            <div class="service-middle">
                                <ul class="service-pic service-figure-pic gclearfix">
                                    {for (var i = 0, j = $middle_data.pic_list.length; i < j; i++)}
                                    {js var item = $middle_data.pic_list[i]}
                                    <li>
                                        <div class="g-pic">
                                            <a href="{item.pic_link}">
                                                <img src="{item.pic}"> 
                                                <span class="mask"></span>
                                            </a>
                                        </div>
                                        <div class="figure">
                                            <a href="{item.pic_link}">{item.text}</a>
                                        </div>
                                    </li>   
                                    {/for}
                                </ul>
                            </div>
                            <div class="service-right">
                                <div class="ranking-list  category-site">
                                    <h3 class="category-title">
                                        <a href="{$right_data.title.link}">{$right_data.title.text}</a>
                                    </h3>
                                    <ul class="gclearfix">
                                        {for (var i = 0, j = $right_data.list.length; i < j; i++)}
                                        {js var item = $right_data.list[i]}
                                        <li class="gclearfix">
                                            <span class="ranking-number {if (i < 3)}top3{/if}">{js print(i + 1)}</span>
                                            <span>
                                                <a href="{item.link}">{item.text}</a>
                                            </span>
                                            <em>{item.count}</em>
                                        </li>
                                        {/for} 
                                    </ul>
                                </div>
                            </div>
                        </script>
                    </div>
                    <div data-tab-cate="relax-tab4" class="inner two-column" id="service-relax-beauty">
                        <script type="text/template" id="relax-tab4-template">
                            <div class="service-left">
                                <div class="service-site">
                                    <ul class="site-recom">
                                        {for (var i = 0, j = $left_data.logo_list.length; i < j; i++)}
                                        {js var item = $left_data.logo_list[i]}
                                            <li>
                                                <a href="{item.pic_link}">
                                                    <img src="{item.pic}" />
                                                    {item.text}
                                                </a>
                                            </li>
                                        {/for}
                                    </ul>
                                    <ul class="site-list g-list">
                                        {for (var i = 0, j = $left_data.site_list.length; i < j; i++)}
                                        {js var item = $left_data.site_list[i]}
                                        <li> <ins class="dot"></ins>
                                            <a href="{item.link}">{item.text}</a>
                                        </li>
                                        {/for}
                                    </ul>
                                </div>
                            </div>
                            <div class="service-right">
                                <ul class="gclearfix service-pic service-headline-pic">
                                    <li class="headline">
                                        {for (var i = 0, j = $right_data.big_pic.length; i < j; i++)}
                                        {js var item = $right_data.big_pic[i]}
                                        <div class="g-pic">
                                            <a href="{item.pic_link}">
                                                <img src="{item.pic}" /> 
                                                <em class="txt">{item.text}</em>
                                                <span class="txt-bg"></span>
                                                <span class="mask"></span>
                                            </a>
                                        </div>
                                        {/for}
                                    </li>
                                    {for (var i = 0, j = $right_data.pic_list.length; i < j; i++)}
                                    {js var item = $right_data.pic_list[i]}
                                    <li>
                                        <div class="g-pic">
                                             <a href="{item.pic_link}">
                                                <img src="{item.pic}" /> 
                                                <em class="txt">{item.text}</em>
                                                <span class="txt-bg"></span>
                                                <span class="mask"></span>
                                            </a>
                                        </div>
                                    </li>  
                                    {/for}
                                </ul>
                            </div>
                        </script>                        
                    </div>
                </div>
            </div>
        </div>

<div class="localcity-hd">
            <h2 class="title"><img src="http://p1.qhimg.com/t010aaed725d7437de7.jpg"></h2>
            <ul class="direct-site">
           <li><a href="http://y.hao.360.cn/living/?from=shbk">生活助手</a></li>
              <li><a href="http://edu.360.cn/zt/gaokao2015/xkhgk.html?from=shbk">2015高考</a></li>
              <li><a href="http://y.hao.360.cn/ent/">野史八卦</a></li>
                <li><a href="http://chongzhi.360.cn/mobile/cz?a=7088">手机充值</a></li>
                <li><a href="http://hao.360.cn/fangchanjiaju.html">房产家居</a></li>
                <li><a href="http://hao.360.cn/yiliaojiankang.html">健康生活</a></li>
                <li><a href="http://sh.qihoo.com/dailysafe/">安全播报</a></li>
            </ul>
		</div>
		<div class="localcity-bd gclearfix">
			<div data-tab-cate="localcity-tab1" class="inner" id="localcity-tab1">
				<script type="text/template" id="localcity-tab1-template">
					<div class="localcity-info">
						<div class="widget-slide-inner" data-jss="animType:'scroll',viewSelector:'.slide-column-content .slide-column-inner',pageUpSelector:'.slide-column-pageup',pageDownSelector:'.slide-column-pagedown',mouseenterSwitchTime:null,animDur:300" data-cate="relax-inner">
							<div class="slide-content slide-column-content">
								<div class="slide-column-wrap">
									{js var localcity_index = 0}
									{for (index in $slide_data)}
									<div class="slide-column-inner {if(localcity_index == 0)}selected{/if}">
										{js localcity_index++}
										<div class="pic-outer gclearfix">
										{for (var n = 0, m = $slide_data[index].pic_list.length; n < m; n++)}
											{js var picItem = $slide_data[index].pic_list[n]}
											{if (n < 4)}
											<div class="g-pic">
												<a href="{picItem.pic_link}" data-tab="{localcity_index}">
													<img src="{picItem.pic}" /> 
													<em class="txt">{picItem.text}</em>
													<span class="txt-bg"></span>
													<span class="mask"></span>
												</a>
											</div>
											{/if}
										{/for}
										</div>
										<div class="txt-outer gclearfix">
											<ul class="g-list">
											{for (var n = 0, m = $slide_data[index].wenzi_list.length; n < m; n++)}
												{if (n < 20)}
												{js var txtItem = $slide_data[index].wenzi_list[n]}
												<li>
													<ins class="dot"></ins><a href="{txtItem.link}">{txtItem.text}</a>
												</li>
												{/if}
											{/for}
											</ul>
										</div>
									</div>
									{/for}			
								</div>
							</div>
							<div class="slide-nav">
					            <ul>
					                <li class="selected"><a href="###">标签信息</a></li>
					                <li><a href="###">标签信息</a></li>
					                <li><a href="###">标签信息</a></li>
					            </ul>
					        </div>
							<a href="###" class="slide-column-pageup" style="display: inline;">上一屏</a>
							<a href="###" class="slide-column-pagedown" style="display: inline;">下一屏</a>
						</div>
					</div>
				</script>
			</div>
		</div>	
		<div id="localcity-loading" style="width:980px;height:320px;display:none;position:relative"><img style="position:absolute;left:480px;top:144px;" src="http://p1.qhimg.com/t019436f9a61e4203fe.gif"></div>

猜你爱看