3-5 实现JQuery华丽的Discuz轮播图(上)教程视频
放这个portal文件夹/index.htm<!--{template common/header}-->
<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']/lunbotu.css" type="text/css" media="screen">
<script type="text/javascript">
var jq = jQuery.noConflict();
(function() {
var LI_WIDTH = ,
LI_DOM = ,
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) {
预览怎么是这样呢
为什么两个都不显示出来呢,宽960px显示80%和10%,还有华丽的Discuz轮播图都不显示出来
JQUERY文件引入了吗?
页:
[1]