摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>五角星评分案例</title> <style> * { padding: 0; margin: 0; } .comment { font-size: 40px; c 阅读全文
posted @ 2020-04-09 19:36 花木兰r 阅读(121) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> ul { list-style-type: none; width: 200px; position: absolute 阅读全文
posted @ 2020-04-09 18:47 花木兰r 阅读(112) 评论(0) 推荐(0) 编辑
摘要: <script> $(function () { $(window).scroll(function () { //获取页面卷曲出去的高度和.top的div的高度对比 if($(document).scrollTop()>$(".top").height()){ $(".nav").css({"po 阅读全文
posted @ 2020-04-09 18:46 花木兰r 阅读(142) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-style: non 阅读全文
posted @ 2020-04-09 18:45 花木兰r 阅读(93) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 400px; } img{ width:90px ; height:90px; vertical 阅读全文
posted @ 2020-04-09 18:25 花木兰r 阅读(120) 评论(0) 推荐(0) 编辑
摘要: $(function () { //链式编程 $(".tab>li").mouseover(function () { $(this).addClass("active").siblings("li").removeClass("active"); //获取li的索引 var index=$(thi 阅读全文
posted @ 2020-04-09 17:45 花木兰r 阅读(100) 评论(0) 推荐(0) 编辑
摘要: <script> $(function () { //先获取j_cbAll的这个复选框,注册点击事件,点击的时候让下面tbody中所有的复选框选中和不全选 //让tbody中所有的复选框的选中状态和当前的这个全选的复选框的选中状态一致 $("#j_cbAll").click(function () 阅读全文
posted @ 2020-04-09 17:37 花木兰r 阅读(157) 评论(0) 推荐(0) 编辑
摘要: <script> //获取ul中所有的li,有鼠标进入事件,鼠标离开事件,点击事件 $(function () { //获取ul->li $("ul>li").mouseenter(function () { $(this).css("backgroundColor","red").siblings 阅读全文
posted @ 2020-04-09 15:38 花木兰r 阅读(217) 评论(0) 推荐(0) 编辑