jqslide(jqslidedown有隐藏属性吗)

http://www.itjxue.com  2023-02-22 22:45  来源:未知  点击次数: 

jquery怎么实现从右到左滑出来的效果?

引入jquery.js,复制以下代码,即可运行

1,style type="text/css"

2,.slide {

3,position: relative;

4,height: 200;

5,lightyellow;

6,}

7 ,

8,.slide .inner {

9,position: absolute;

10,left: 0;

11,bottom: 0;

12,height: 100;

13,lightblue; ,

14,width: 100%

15,}

16,/style

1、slidetoggle() 交替slidedown(),slideup()

Html代码

div id="slidebottom" class="slide"?

button

slide it

/button

div class="inner"

Slide from bottom

/div

/div

Js代码

$('#slidebottom button').click(function() {

$(this).next().slideToggle();

});

2、左侧横向交替滑动 Animate Left

Html代码

div id="slidewidth" class="slide"

button

slide it

/button

div class="inner"

Slide from bottom

/div

/div

Js代码

$("#slidewidth button").click(function(){

$(this).next().animate({width: 'toggle'});

});

3、左侧横向交替滑动 Animate Left Margin (非隐藏)

Html代码

div id="slideleft" class="slide" style="width: 50%;float: right"

button

slide it

/button

div class="inner"

Slide from bottom

/div

/div

Js代码

$("#slideleft button").click(function(){

var $lefty = $(this).next();

$lefty.animate({

left:parseInt($lefty.css('left'),10)==0 ? -$lefty.outerWidth() : 0

});

});

4、右侧横向滑动Slide to right

Html代码

div id="slidemarginleft" class="slide" style="width: 60%;float: left"

button

slide it

/button

div class="inner"

Slide from bottom

/div

/div

Js代码

$("#slidemarginleft button").click(function(){

var $marginlefty = $(this).next();

$marginlefty.animate({

marginLeft:parseInt($marginlefty.css('marginLeft'),10)==0 ? $marginlefty.outerWidth() : 0

});

});

css3能不能实现JQ里的slideDown和slideUp的效果

可以啊,你可以在外层加上一个div来控制高度。里面的div控制透明度

如何解决jq鼠标移入移出事件只触发一次,而不是移入多少次就出发多少次的问题。

$(function() {

$("#nav2 li ").mouseenter(function () {

$("#main").stop().slideDown(800);

})

$("#main").mouseleave(function () {

$(this).stop().slideUp(800);

})

})

jq("#slide").jdSlide({width:1000,height:260,pics:pic}) 中的JDslide 是干嘛的

jdSlide是jquery里面定义图片轮播效果的方法,该方法可以添加参数来控制图片轮播的各种具体参数。

怎么在这个JQ轮播上加自动滚动

看代码的格式是使用的jquery superslide插件,直接添加一个autoPlay:true参数就行了; JS部分的修改如下:

!--?滚动图片?--

script?type="text/javascript"

jQuery(".picScroll").slide({?

????mainCell:"ul",?

????effect:"leftLoop",?

????vis:4,?

????scroll:2,?

????autoPage:true,?

????switchLoad:"_src",

????autoPlay:true

????});

/script

JQ插件中的this指向问题

这个js里面的this是指向当前调用对象的意思

比如

$('div').testFn();// 1 这里调用它

$.fn.testFn = function(){

//2 这里执行的this指向的是jq对象,也就是this === $('div');

//因为这里面的testFn是$('div')这个对象调用的,所以里面的this就指向它

}

而在

$('div').each(function(){

//这里面的this是被jq修改过的,并不是指向$('div'),而是指向的具体的dom元素

//比如,页面中有10个div,我通过$('div')选择了10个div

//那么我这个each方法会执行10此,每次的this分别指向不同的div,而不是指向$('div')这样

//我这样说你能明白?

})

(责任编辑:IT教学网)

更多