当前位置:首页>开发>正文

jquery怎么样动画显示下拉菜单有哪些方法 Jquery动画问题

2023-05-18 16:38:29 互联网 未知 开发

 jquery怎么样动画显示下拉菜单有哪些方法 Jquery动画问题

jquery怎么样动画显示下拉菜单有哪些方法

animate()
对被选元素应用“自定义”的动画

clearQueue()
对被选元素移除所有排队的函数(仍未运行的)

delay()
对被选元素的所有排队函数(仍未运行)设置延迟

dequeue()
运行被选元素的下一个排队函数

fadeIn()
逐渐改变被选元素的不透明度,从隐藏到可见

fadeOut()
逐渐改变被选元素的不透明度,从可见到隐藏

fadeTo()
把被选元素逐渐改变至给定的不透明度

hide()
隐藏被选的元素

queue()
显示被选元素的排队函数

show()
显示被选的元素

slideDown()
通过调整高度来滑动显示被选元素

slideToggle()
对被选元素进行滑动隐藏和滑动显示的切换

slideUp()
通过调整高度来滑动隐藏被选元素

stop()
停止在被选元素上运行动画

toggle()
对被选元素进行隐藏和显示的切换

Jquery动画问题

$("a [id^=id]").click(function(){
    var len=strlen($(this).attr("id"))
    var s=$(this).attr("id").substring(len-1,len)
    $("div [id=con" s "]").fadeIn(1000)
    })

jquery显示问题

一。错误一:没有引jqurey.注意引入jquery的语句必须写在所有JS之前。
</script>
错误二:调用class是这样写的$(".ccc"),而不是${"ccc"}
错误三:绑定click函数需要在$(function(){})里面,这个函数说明初始化的所有东西(包括绑定事件)都写在里面。相当于onload,当然和onload是有区别的,这里就不细说了。
二。改正代码如下:
</script>

$(function(){
 $(".ccc").click(function(){
  alert("aaa")
  $(this).addClass("highlight").children("a").show().end().siblings().removeClass("highlight").children("a").hide()
 }) 
})

</script>

#menu {
 width: 300px
}

.ccc {
 background: #555
 color: #fff
 cursor: pointer
}

.highlight {
 color: #fff
 background: green
}

div {
 padding: 0
 margin: 10px 0
}

div a {
 background: #888
 display: none
 float: left
 width: 300px
}





 
  
   第一章
   你好吗
   你好吗
   你好吗
  


  
   第二章
   你好吗
   你好吗
   你好吗
  

  
   第三章
   你好吗
   你好吗
   你好吗
  

 


如果没效果你可以改下jquery的路径

最新文章