差分

移動先: 案内検索

Widget:スカウトスライド

237 バイト追加, 2019年11月11日 (月) 18:32
編集の要約なし
<includeonly>
<style media="screen" type="text/css">
#c1container1{width:100%; position:relative;border:0px solid #333;overflow:hidden;border-color:#128ED0; margin:0 auto;} .ti1_box1 trans_image1_box1 {
width:100%; /*注意这里是根据图片总长度来确定的,如果小于图片总长度,会出现轮放空白的情况!*/
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ti1 trans_image1 {
width:<!--{$gatyaa}-->; /*这些根据需求可自定义*/
float: left;
}
#nav1navbuttons1{position:relative; height:15px; width:100%; z-index:1; bottom:17px;} #nav1 navbuttons1 span{cursor:pointer; float:left; border:0px solid #fff; width:33.33%; height:17px; border-radius:0px; background:#fff; margin-right:0px;} #nav1 navbuttons1 img{width:80px;float:center;margin-left:30%} #nav1 navbuttons1 .oneon{background:rgba(236,105,53,1);}
.arrow1{cursor:pointer; display:none; line-height:39px; text-align:center; font-size:36px;font-weight:bold; width:40px; height:40px;position:absolute; z-index:2;top:45%;background-color: RGBA(0,0,0,.3); color:#fff;}
.arrow1:hover{background-color:RGBA(0,0,0,.7);}
#c1container1:hover .arrow1{display:block;} #preprev{left:20px;} #nexnext{right:20px;}
</style>
<!--style="overflow:-Scroll;overflow-x:hidden;"-->
<div id="c1container1">
<div style="width:<!--{$gatyab}-->;overflow:hidden">
<p id="tib1transImageBox1" class="ti1_box1trans_image1_box1"> <a href="/anwiki/index.php?title=<!--{$link1}-->"><img class="ti1trans_image1" src="<!--{$gatya1}-->" /></a> <!--{if ($gatya)>1}--><a href="/anwiki/index.php?title=<!--{$link2}-->"><img class="ti1trans_image1" src="<!--{$gatya2}-->" /></a><!--{/if}--> <!--{if ($gatya)>2}--><a href="/anwiki/index.php?title=<!--{$link3}-->"><img class="ti1trans_image1" src="<!--{$gatya3}-->" /></a><!--{/if}--> <!--{if ($gatya)>3}--><a href="/anwiki/index.php?title=<!--{$link4}-->"><img class="ti1trans_image1" src="<!--{$gatya4}-->" /></a><!--{/if}--> <!--{if ($gatya)>4}--><a href="/anwiki/index.php?title=<!--{$link5}-->"><img class="ti1trans_image1" src="<!--{$gatya5}-->" /></a><!--{/if}--> <!--{if ($gatya)>5}--><a href="/anwiki/index.php?title=<!--{$link6}-->"><img class="ti1trans_image1" src="<!--{$gatya6}-->" /></a><!--{/if}--> <!--{if ($gatya)>6}--><a href="/anwiki/index.php?title=<!--{$link7}-->"><img class="ti1trans_image1" src="<!--{$gatya7}-->" /></a><!--{/if}--> <!--{if ($gatya)>7}--><a href="/anwiki/index.php?title=<!--{$link8}-->"><img class="ti1trans_image1" src="<!--{$gatya8}-->" /></a><!--{/if}--> <!--{if ($gatya)>8}--><a href="/anwiki/index.php?title=<!--{$link9}-->"><img class="ti1trans_image1" src="<!--{$gatya9}-->" /></a><!--{/if}-->
</p>
</div>
<div id="nav1navbuttons1"> <span name="nnn2" index="111" onclick="jump('111')" class="oneon"> </span> <!--{if ($gatya)>1}--><span name="nnn2" index="212" onclick="jump('212')" class=""></span><!--{/if}--> <!--{if ($gatya)>2}--><span name="nnn2" index="313" onclick="jump('313')" class=""></span><!--{/if}--> <!--{if ($gatya)>3}--><span name="nnn2" index="414" onclick="jump('414')" class=""></span><!--{/if}--> <!--{if ($gatya)>4}--><span name="nnn2" index="515" onclick="jump('515')" class=""></span><!--{/if}--> <!--{if ($gatya)>5}--><span name="nnn2" index="616" onclick="jump('616')" class=""></span><!--{/if}--> <!--{if ($gatya)>6}--><span name="nnn2" index="717" onclick="jump('717')" class=""></span><!--{/if}--> <!--{if ($gatya)>7}--><span name="nnn2" index="818" onclick="jump('818')" class=""></span><!--{/if}--> <!--{if ($gatya)>8}--><span name="nnn2" index="919" onclick="jump('919')" class=""></span><!--{/if}-->
</div>
<a class="arrow1" id="preprev" onclick="prevv1prevv()">&lt;</a> <a class="arrow1" id="nexnext" onclick="nextt1nextt()">&gt;</a>
</div>
<p id="tib1transImageBox1" class="ti1_box1trans_image1_box1"> <img style="width:100px" name="nnn2" index="111" onclick="jump('111')" class=""src="<!--{$gatya1}-->" /> <!--{if ($gatya)>1}--><img style="width:100px" name="nnn2" index="212" onclick="jump('212')" class="" src="<!--{$gatya2}-->" /><!--{/if}--> <!--{if ($gatya)>2}--><img style="width:100px" name="nnn2" index="313" onclick="jump('313')" class="" src="<!--{$gatya3}-->" /><!--{/if}--> <!--{if ($gatya)>3}--><img style="width:100px" name="nnn2" index="414" onclick="jump('414')" class="" src="<!--{$gatya4}-->" /><!--{/if}--> <!--{if ($gatya)>4}--><img style="width:100px" name="nnn2" index="515" onclick="jump('515')" class="" src="<!--{$gatya5}-->" /><!--{/if}--> <!--{if ($gatya)>5}--><img style="width:100px" name="nnn2" index="616" onclick="jump('616')" class="" src="<!--{$gatya6}-->" /><!--{/if}--> <!--{if ($gatya)>6}--><img style="width:100px" name="nnn2" index="717" onclick="jump('717')" class="" src="<!--{$gatya7}-->" /><!--{/if}--> <!--{if ($gatya)>7}--><img style="width:100px" name="nnn2" index="818" onclick="jump('818')" class="" src="<!--{$gatya8}-->" /><!--{/if}--> <!--{if ($gatya)>8}--><img style="width:100px" name="nnn2" index="919" onclick="jump('919')" class="" src="<!--{$gatya9}-->" /><!--{/if}-->
</p>
<script>
var btn=document.getElementsByName("nnn2");
var time=setInterval("clock()",7000);
var int=setInterval("change()",7000);
var ia1ia=1;
function clock(){
ia+=1;
}
function change(){
var a=document.getElementById("tib1transImageBox1"); a.style.marginLeft=(1-ia1ia)*(100 / <!--{$gatya|escape:html|default:1}-->)+"%";
for(var k=0;k<btn1btn.length;k++){ if(btn1btn[k].className="oneon"){
btn[k].className="";
}
}
btn[ia-1].className="oneon1";
}
function prevv()
6,584
回編集

案内メニュー