jquery 常用代码
hover事件:<script> $(function(){&nb...
hover事件:
<script>
$(function () {
$(".pro_box a").hover(function(){
$(".pro_box a img").eq($(this).index()).attr("src",$(".pro_box a").eq($(this).index()).attr("data-oimg"));
},function(){
$(".pro_box a img").eq($(this).index()).attr("src",$(".pro_box a").eq($(this).index()).attr("data-nimg"));
});
});
</script>
click事件:
<script>
$(function () {
$(".pro_box a").hover(function(){
$(".pro_box a img").eq($(this).index()).attr("src",$(".pro_box a").eq($(this).index()).attr("data-oimg"));
},function(){
$(".pro_box a img").eq($(this).index()).attr("src",$(".pro_box a").eq($(this).index()).attr("data-nimg"));
});
});
</script>
判断:
<script type="text/javascript">
$(function () {
var open = false;
var first = true;
if (first) {
$("#open a i").addClass("icon-a-13Ashenglve");
$("#open a i").removeClass("icon-guanbi");
$(".mune").addClass("none");
$("#cebian").css({ "background": "none", "width": "0", "height": "0", "top": "unset", "right": "0", "bottom": "0" });
first = !first;
}
$("#cebian").click(function () {
if (open) {
$("#open a i").addClass("icon-a-13Ashenglve");
$("#open a i").removeClass("icon-guanbi");
$(".mune").addClass("none");
$("#cebian").css({ "background": "none", "width": "0", "height": "0", "top": "unset", "right": "0", "bottom": "0" });
open = !open;
} else {
$("#open a i").removeClass("icon-a-13Ashenglve");
$("#open a i").addClass("icon-guanbi");
$(".mune").removeClass("none");
$("#cebian").attr("style", "");
open = !open;
}
});
});
</script>
<script>
$(function () {
$(".pro_box a").hover(function(){
$(".pro_box a img").eq($(this).index()).attr("src",$(".pro_box a").eq($(this).index()).attr("data-oimg"));
},function(){
$(".pro_box a img").eq($(this).index()).attr("src",$(".pro_box a").eq($(this).index()).attr("data-nimg"));
});
});
</script>
click事件:
<script>
$(function () {
$(".pro_box a").hover(function(){
$(".pro_box a img").eq($(this).index()).attr("src",$(".pro_box a").eq($(this).index()).attr("data-oimg"));
},function(){
$(".pro_box a img").eq($(this).index()).attr("src",$(".pro_box a").eq($(this).index()).attr("data-nimg"));
});
});
</script>
判断:
<script type="text/javascript">
$(function () {
var open = false;
var first = true;
if (first) {
$("#open a i").addClass("icon-a-13Ashenglve");
$("#open a i").removeClass("icon-guanbi");
$(".mune").addClass("none");
$("#cebian").css({ "background": "none", "width": "0", "height": "0", "top": "unset", "right": "0", "bottom": "0" });
first = !first;
}
$("#cebian").click(function () {
if (open) {
$("#open a i").addClass("icon-a-13Ashenglve");
$("#open a i").removeClass("icon-guanbi");
$(".mune").addClass("none");
$("#cebian").css({ "background": "none", "width": "0", "height": "0", "top": "unset", "right": "0", "bottom": "0" });
open = !open;
} else {
$("#open a i").removeClass("icon-a-13Ashenglve");
$("#open a i").addClass("icon-guanbi");
$(".mune").removeClass("none");
$("#cebian").attr("style", "");
open = !open;
}
});
});
</script>
-
上一篇
jquery each和拼接上的小问题 -
下一篇
jquery 屏幕大小判断