3-5 实现JQuery华丽的Discuz轮播图（上）教程视频

5188 · 发表于 2017-3-12 11:55:04

放这个portal文件夹/index.htm


<style id="diy_style" type="text/css">
#diy2{WIDTH:80%;float:left;}
#diy3{WIDTH:10%;float:right;}

</style>
<div class="wp">
<div id="diy1" class="area"></div>
<div id="diy2" class="area"></div>
<div id="diy3" class="area"></div>

<div id="lunbotu" class="wp">
<div id="diylunbotu" class="area"></div>
      <link rel="stylesheet" href="$_G['style'][styleimgdir]/lunbotu.css" type="text/css" media="screen">
      <script type="text/javascript">
      var jq = jQuery.noConflict();

            (function() {
                     var LI_WIDTH = [583, 199, 199, 198],
                              LI_DOM = [jq('.slide_screen li.liA'), jq('.slide_screen li.liB'), jq('.slide_screen li.liC'), jq('.slide_screen li.liD')],
                              LI_BTN = jq('.slide_screen .libtn'),
                              COUNT =  3, SPEED = 1000, DISTIM = 6000, LI_COUNT = 4;
                     var cur = 1, next_cur = 2, runid, isclick = true;

                     init();
                     initEvent();

                     runid = setInterval(run, DISTIM);
                     function init() {
                              LI_BTN.find('li').eq(cur-1).addClass('selected');

                              for(var i=0; i<LI_COUNT; i++) {
                                    LI_DOM.find('.window').css({'top':0, 'left':0, 'position':'absolute'});
                                    LI_DOM.find('.window').css('width', LI_WIDTH*COUNT);
                              }

                     }
                     function initEvent() {
                              LI_BTN.click(function(ev){
                                    if(isclick && jq(ev.target).attr("_index") !== undefined) {

$)Z7WY[_}CSOK8ZX{CE[H7[L.jpg$

预览怎么是这样呢

为什么两个都不显示出来呢，宽960px显示80%和10%，还有华丽的Discuz轮播图都不显示出来

技术帮助 · 发表于 2017-3-12 23:16:33

JQUERY文件引入了吗？

		自动登录	找回密码
密码			立即注册