jqslide(jqslidedown有隐藏属性吗)
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')这样
//我这样说你能明白?
})