<{*首页中间的中间页面*}> |
<div id= "mainmiddle" > |
<div id= "mainnei" > |
<div id= "lie" > |
<{*小说分类滑动门用*}> |
<div id= "menuu" > |
<ul id= "menuuu" > |
<li class = "huanse" ><a href= "<{$app}>/xiaolie/index/id/1" >奇幻.玄幻</a></li> |
<li><a href= "<{$app}>/xiaolie/index/id/2" >武侠.仙侠</a></li> |
<li><a href= "<{$app}>/xiaolie/index/id/3" >历史.军事</a></li> |
<li><a href= "<{$app}>/xiaolie/index/id/4" >都市.娱乐</a></li> |
<li><a href= "<{$app}>/xiaolie/index/id/6" >科幻.游戏</a></li> |
<li><a href= "<{$app}>/xiaolie/index/id/7" >悬疑.灵异</a></li> |
</ul> |
</div> |
<{*结束小说分类*}> |
<div class = 'aaa' > |
<div name= 'xian' class = "xiakuan" > |
<div id= "xiatu" > |
<{*玄幻主推小说图片*}> |
<img width= "115" height= '100' src= "<{$res}>/images/jietu.gif" > |
</div> |
<{*推荐的玄幻.奇幻类小说*}> |
<div id=xialili> |
<ul class = "xialu" > |
<{*遍历玄幻.奇幻小说介绍*}> |
<{section loop= $xuan name=yxu}> |
<li> <a href= "<{$app}>/arrange/index/id/<{$xuan[yxu].id}>" ><{ $xuan [yxu].jianjie|truncate:34: "..." }></a></li> |
<{/section}> |
</ul> |
</div> |
<{*结束推荐的玄幻.奇幻小说*}> |
<{*推荐的小说的书名*}> |
<div id= "xialan" > |
<ul id= "xialii" > |
<{*遍历玄幻.奇幻小说的书名*}> |
<{section loop= $xuan name=yxu}> |
<li> <a href= "<{$app}>/arrange/index/id/<{$xuan[yxu].id}>" >[<{ $xuan [yxu].name|truncate:14: "..." }>]</a> </li> |
<{/section}> |
</ul> |
</div> |
<{*结束推荐的小说的作者*}> |
</div> |
<div name= 'xian' class = "xiakuaan" > |
<div id= "xiatu" > |
<{*武侠.仙侠的主推小说图片*}> |
<img width= "115" height= '100' src= "<{$res}>/images/jietu.gif" > |
</div> |
<{*武侠.仙侠的推荐小说*}> |
<div id=xialili> |
<ul class = "xialu" > |
<{*遍历武侠.仙侠小说介绍*}> |
<{section loop= $xian name=yxu}> |
<li> <a href= "<{$app}>/arrange/index/id/<{$xian[yxu].id}>" ><{ $xian [yxu].jianjie|truncate:34: "..." }></a></li> |
<{/section}> |
</ul> |
</div> |
<{*结束推荐的武侠.仙侠小说*}> |
<{*推荐的武侠.仙侠小说的书名*}> |
<div id= "xialan" > |
<ul id= "xialii" > |
<{*遍历武侠.仙侠小说的书名*}> |
<{section loop= $xian name=yxu}> |
<li> <a href= "<{$app}>/arrange/index/id/<{$xian[yxu].id}>" >[<{ $xian [yxu].name|truncate:34: "..." }>]</a></li> |
<{/section}> |
</ul> |
</div> |
<{*结束推荐的小说的作者*}> |
</div> |
<div name= 'xian' class = "xiakuaan" > |
<div id= "xiatu" > |
<{*历史.军事 主推的小说的图片*}> |
<img width= "115" height= '100' src= "<{$res}>/images/jietu.gif" > |
</div> |
<{历史.军事 的推荐小说*}> |
<div id=xialili> |
<ul class = "xialu" > |
<{*遍历历史.军事小说介绍*}> |
<{section loop= $li name=yxu}> |
<li> <a href= "<{$app}>/arrange/index/id/<{$li[yxu].id}>" ><{ $li [yxu].jianjie|truncate:34: "..." }></a></li> |
<{/section}> |
</ul> |
</div> |
<{*结束历史.军事 的推荐小说*}> |
<{*推荐的历史.军事 的小说的作者*}> |
<div id= "xialan" > |
<ul id= "xialii" > |
<{*遍历历史.军事小说的书名*}> |
<{section loop= $li name=yxu}> |
<li> <a href= "<{$app}>/arrange/index/id/<{$li[yxu].id}>" >[<{ $li [yxu].name|truncate:30: "..." }>]</a></li> |
<{/section}> |
</ul> |
</div> |
<{*结束推荐的小说作者*}> |
</div> |
<div name= 'xian' class = "xiakuaan" > |
<div id= "xiatu" > |
<{*主推的竞技.同人的小说的图片*}> |
<img width= "115" height= '100' src= "<{$res}>/images/jietu.gif" > |
</div> |
<{*推荐的竞技.同人的小说*}> |
<div id=xialili> |
<ul class = "xialu" > |
<{*遍历竞技.同人小说的介绍*}> |
<{section loop= $jing name=yxu}> |
<li> <a href= "<{$app}>/arrange/index/id/<{$jing[yxu].id}>" ><{ $jing [yxu].jianjie|truncate:34: "..." }></a></li> |
<{/section}> |
</ul> |
</div> |
<{*结束推荐的竞技.同人的小说*}> |
<{*推荐的竞技.同人的小说的作者*}> |
<div id= "xialan" > |
<ul id= "xialii" > |
<{*遍历竞技.同人的书名*}> |
<{section loop= $jing name=yxu}> |
<li> <a href= "<{$app}>/arrange/index/id/<{$jing[yxu].id}>" >[<{ $jing [yxu].name|truncate:34: "..." }>]</a></li> |
<{/section}> |
</ul> |
</div> |
<{*结束推荐的竞技.同人的小说的书名*}> |
</div> |
<div name= 'xian' class = "xiakuaan" > |
<div id= "xiatu" > |
<{*主推的科幻.游戏小说*}> |
<img width= "115" height= '100' src= "<{$res}>/images/jietu.gif" > |
</div> |
<{*推荐的科幻.游戏小说*}> |
<div id=xialili> |
<ul class = "xialu" > |
<{*遍历科幻.游戏小说介绍*}> |
<{section loop= $ke name=yxu}> |
<li> <a href= "<{$app}>/arrange/index/id/<{$ke[yxu].id}>" ><{ $ke [yxu].jianjie|truncate:34: "..." }></a></li> |
<{/section}> |
</ul> |
</div> |
<{*结束推荐的科幻.游戏小说*}> |
<{*推荐的科幻.游戏小说书名*}> |
<div id= "xialan" > |
<ul id= "xialii" > |
<{*遍历科幻.游戏小说书名*}> |
<{section loop= $ke name=yxu}> |
<li> <a href= "<{$app}>/arrange/index/id/<{$ke[yxu].id}>" >[<{ $ke [yxu].name|truncate:30: "..." }>]</a></li> |
<{/section}> |
</ul> |
</div> |
<{*结束科幻.游戏小说的作者*}> |
</div> |
<div name= 'xian' class = "xiakuaan" > |
<div id= "xiatu" > |
<{*主推的悬疑.灵异小说的图片*}> |
<img width= "115" height= '100' src= "<{$res}>/images/jietu.gif" > |
</div> |
<{*推荐的悬疑.灵异小说*}> |
<div id=xialili> |
<ul class = "xialu" > |
<{*遍历悬疑.灵异小说的介绍*}> |
<{section loop= $ling name=yxu}> |
<li> <a href= "<{$app}>/arrange/index/id/<{$ling[yxu].id}>" ><{ $ling [yxu].jianjie|truncate:34: "..." }></a></li> |
<{/section}> |
</ul> |
</div> |
<{*结束推荐的悬疑.灵异小说*}> |
<{*推荐的悬疑.灵异小说的作者*}> |
<div id= "xialan" > |
<ul id= "xialii" > |
<{*遍历悬疑.灵异小说的书名*}> |
<{section loop= $ling name=yxu}> |
<li> <a href= "<{$app}>/arrange/index/id/<{$ling[yxu].id}>" >[<{ $ling [yxu].name|truncate:50: "..." }>]</a></li> |
<{/section}> |
</ul> |
</div> |
<{*结束推荐的悬疑.灵异小说的作者*}> |
</div> |
</div> |
</div> |
<div id= "lie1" > |
<{*玄幻奇幻小说的最新更新*}> |
<div class = "lie2top" > |
<div id= "liename1" >奇幻.玄幻</div> |
<div id= 'qduo' ><a href= "<{$app}>/xiaolie/index/id/1" ><img name= "xuan" width= "43" height= '19' src= "<{$res}>/images/gengduo.gif" ></a></div> |
</div> |
<div class = "liename2" > |
<ul class = "xiaolie" > |
<{*玄幻奇幻小说的最新更新*}> |
<{section loop= $xiaoname name=yx}> |
<{*输出小说名和章节名*}> |
<li> <a href= "<{$app}>/arrange/index/id/<{$xiaoname[yx].id}>" ><{ $xiaoname [yx].name|truncate:34: "..." }></a> <{ $xiaoname [yx].title|truncate:24: "..." }></li> |
<{/section}> |
</ul> |
</div> |
<{*结束玄幻奇幻小说的更新*}> |
</div> |
<div id= "lie2" > |
<{*武侠仙侠的最新更新*}> |
<div class = "lie2top" > |
<div id= "liename1" >武侠.仙侠</div> |
<div id= 'qduo' ><a href= "<{$app}>/xiaolie/index/id/2" ><img name= "xia" width= "43" height= '19' src= "<{$res}>/images/gengduo.gif" ></a></div> |
</div> |
<div class = "liename2" > |
<ul class = "xiaolie" > |
<{*武侠.仙侠小说的最新更新*}> |
<{section loop= $xiaoname2 name=yx}> |
<{*输出小说名和章节名*}> |
<li> <a href= "<{$app}>/arrange/index/id/<{$xiaoname2[yx].id}>" ><{ $xiaoname2 [yx].name|truncate:34: "..." }></a> <{ $xiaoname2 [yx].title|truncate:24: "..." }></li> |
<{/section}> |
</ul> |
</div> |
<{*结束武侠仙侠的小说更新*}> |
</div> |
<div id= "lie3" > |
<{*科幻游戏的最新小说更新*}> |
<div class = "lie2top" > |
<div id= "liename1" >科幻.游戏</div> |
<div id= 'qduo' ><a href= "<{$app}>/xiaolie/index/id/6" ><img name= "ke" width= "43" height= '19' src= "<{$res}>/images/gengduo.gif" ></a></div> |
</div> |
<div class = "liename2" > |
<ul class = "xiaolie" > |
<{*武侠.仙侠小说的最新更新*}> |
<{section loop= $xiaoname3 name=yx}> |
|
<{*输出小说名和章节名*}> |
<li> <a href= "<{$app}>/arrange/index/id/<{$xiaoname3[yx].id}>" ><{ $xiaoname3 [yx].name|truncate:34: "..." }></a> <{ $xiaoname3 [yx].title|truncate:34: "..." }></li> |
|
<{/section}> |
</ul> |
</div> |
<{*结束科幻游戏的小说更新*}> |
</div> |
<div id= "lie4" > |
<{*悬疑灵异的小说更新*}> |
<div class = "lie2top" > |
<div id= "liename1" >悬疑.灵异</div> |
<div id= 'qduo' ><a href= "<{$app}>/xiaolie/index/id/7" ><img name= "ling" width= "43" height= '19' src= "<{$res}>/images/gengduo.gif" ></a></div> |
</div> |
<div class = "liename2" > |
<ul class = "xiaolie" > |
<{*悬疑灵异小说的最新更新*}> |
<{section loop= $xiaoname4 name=yx}> |
|
<{*输出小说名和章节名*}> |
<li> <a href= "<{$app}>/arrange/index/id/<{$xiaoname4[yx].id}>" ><{ $xiaoname4 [yx].name|truncate:34: "..." }></a> <{ $xiaoname4 [yx].title|truncate:24: "..." }></li> |
|
<{/section}> |
</ul> |
</div> |
<{*结束悬疑灵异小的更新*}> |
</div> |
<{*推荐的作者*}> |
<div class = "zuozhe" > |
<ul class = "zzlie" > |
<{section loop= $zz name=ls}> |
<li><img width= '110' height= '86' src= "<{$public}>/upload/<{$zz[ls].pic}>" ><p class = "zzz" >莫海奇提供 男 </p></li> |
<{/section}> |
</ul> |
</div> |
<{*结束推荐的作者*}> |
</div> |
</div> |
<{*小说推荐滑动门和最下面的作者图片跑马灯效果*}> |
<script> |
//滑动门 |
$( function (){ |
$( '#menuuu li' ).mouseover( function (){ |
$(this).addClass( 'huanse' ).siblings().removeClass( 'huanse' ); |
var $num =$( '#menuuu li' ).index($(this)); |
var a= $( 'div[name="xian"]' ).eq( $num ).removeClass( 'xiakuaan' ).addClass( 'xiakuan' ).siblings().addClass( 'xiakuaan' ); |
}) |
//跑马灯 |
}) |
</script> |
<script> |
$( function (){ |
( function ($){$.fn.jCarouselLite= function (o){o=$.extend({btnPrev:null,btnNext:null,btnGo:null,mouseWheel:false,auto:null,speed:200,easing:null,vertical:false,circular:true,visible:3,start:0,scroll:1,beforeStart:null,afterEnd:null},o||{}); return this.each( function (){ var b=false,animCss=o.vertical? "top" : "left" ,sizeCss=o.vertical? "height" : "width" ; var c=$(this),ul=$( "ul" ,c),tLi=$( "li" ,ul),tl=tLi.size(),v=o.visible; if (o.circular){ul.prepend(tLi.slice(tl-v-1+1).clone()).append(tLi.slice(0,v).clone());o.start+=v} var f=$( "li" ,ul),itemLength=f.size(),curr=o.start;c.css( "visibility" , "visible" );f.css({overflow: "hidden" ,float:o.vertical? "none" : "left" });ul.css({margin: "0" ,padding: "0" ,position: "relative" , "list-style-type" : "none" , "z-index" : "1" });c.css({overflow: "hidden" ,position: "relative" , "z-index" : "2" ,left: "0px" }); var g=o.vertical?height(f):width(f); var h=g*itemLength; var j=g*v;f.css({width:f.width(),height:f.height()});ul.css(sizeCss,h+ "px" ).css(animCss,-(curr*g));c.css(sizeCss,j+ "px" ); if (o.btnPrev)$(o.btnPrev).click( function (){ return go(curr-o.scroll)}); if (o.btnNext)$(o.btnNext).click( function (){ return go(curr+o.scroll)}); if (o.btnGo)$.each(o.btnGo, function (i,a){$(a).click( function (){ return go(o.circular?o.visible+i:i)})}); if (o.mouseWheel&&c.mousewheel)c.mousewheel( function (e,d){ return d>0?go(curr-o.scroll):go(curr+o.scroll)}); if (o.auto)setInterval( function (){go(curr+o.scroll)},o.auto+o.speed); function vis(){ return f.slice(curr).slice(0,v)}; function go(a){ if (!b){ if (o.beforeStart)o.beforeStart.call(this,vis()); if (o.circular){ if (a<=o.start-v-1){ul.css(animCss,-((itemLength-(v*2))*g)+ "px" );curr=a==o.start-v-1?itemLength-(v*2)-1:itemLength-(v*2)-o.scroll} else if (a>=itemLength-v+1){ul.css(animCss,-((v)*g)+ "px" );curr=a==itemLength-v+1?v+1:v+o.scroll} else curr=a} else { if (a<0||a>itemLength-v) return ; else curr=a}b=true;ul.animate(animCss== "left" ?{left:-(curr*g)}:{top:-(curr*g)},o.speed,o.easing, function (){ if (o.afterEnd)o.afterEnd.call(this,vis());b=false}); if (!o.circular){$(o.btnPrev+ "," +o.btnNext).removeClass( "disabled" );$((curr-o.scroll<0&&o.btnPrev)||(curr+o.scroll>itemLength-v&&o.btnNext)||[]).addClass( "disabled" )}} return false}})}; function css(a,b){ return parseInt($.css(a[0],b))||0}; function width(a){ return a[0].offsetWidth+css(a, 'marginLeft' )+css(a, 'marginRight' )}; function height(a){ return a[0].offsetHeight+css(a, 'marginTop' )+css(a, 'marginBottom' )}})(jQuery); |
$( ".zuozhe" ).jCarouselLite({ |
auto: 800, |
speed: 1000, |
visible: 4 |
}); |
}) |
</script> |
<{*结束跑马灯和滑动门*}> |