JavaScript练习
大补bu
这个作者很懒,什么都没留下…
展开
-
JQ实现手风琴动画效果
HTML <div class="king"> <ul> <li class="current"> <a href="#"> <img src="images/m1.jpg" alt="" class="small"> <img src="images/m.png" alt="" class=原创 2020-05-16 13:46:04 · 679 阅读 · 0 评论 -
jQuery实现Tab栏切换
HTML <div class="box"> <!-- 清除浮动 --> <ul class="clearfix"> <li class="active">手机</li> <li>美食</li> <li>电脑</li> <li style="border-right:原创 2020-05-16 13:14:35 · 180 阅读 · 0 评论 -
JavaScript仿京东放大镜
HTML <div class="box"> <div class="preview_img"> <img src="images/s3.png" > <div class="mask"></div> <!--遮罩层--> <div class="big"> <img src="images/bi原创 2020-05-14 19:32:35 · 181 阅读 · 0 评论 -
JavaScript实现简单留言功能
HTML <div id="box"> <textarea id="text" cols="30" rows="10"></textarea> <button>发布</button> </div> CSS *{ margin: 0; padding: 0; } textarea{ resize: none;原创 2020-05-13 11:04:09 · 828 阅读 · 0 评论 -
JavaScript实现简单选项卡
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ mar原创 2020-05-12 22:09:45 · 229 阅读 · 0 评论 -
javascript反选复选框
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> ul{ ma原创 2020-05-11 23:12:34 · 408 阅读 · 0 评论 -
JavaScript数组去重方法之一indexOf方法
新建一个空的结果数组,for 循环原数组,判断结果数组是否存在当前元素,如果有相同的值则跳过,不相同则push进数组。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documen原创 2020-05-10 21:08:04 · 223 阅读 · 1 评论