jquery 常用代码
时间:2023年10月23日
/来源:网络
/编辑:佚名
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>
新闻资讯 更多
- 【建站知识】查询nginx日志状态码大于400的请求并打印整行04-03
- 【建站知识】Python中的logger和handler到底是个什么?04-03
- 【建站知识】python3拉勾网爬虫之(您操作太频繁,请稍后访问)04-03
- 【建站知识】xpath 获取meta里的keywords及description的方法04-03
- 【建站知识】python向上取整以50为界04-03
- 【建站知识】scrapy xpath遇见乱码解决04-03
- 【建站知识】scrapy爬取后中文乱码,解决word转为html 时cp1252编码问题04-03
- 【建站知识】scrapy采集—爬取中文乱码,gb2312转为utf-804-03