![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
网页常用效果
七彩皮皮丽
这个作者很懒,什么都没留下…
展开
-
修改文本框的值
html部分<div class="lis"> <div> <span>妙味实体课程</span> <img src="img/pen.png" alt="" /> </div> <div> <input type="text" value="妙味实体课程" /> <a href="#">保存</原创 2017-06-30 11:51:35 · 539 阅读 · 0 评论 -
返回顶部
$(".btn_top").click(function(){ $('html, body').animate({scrollTop: 0},200); })$(window).scroll(function(){ if($(window).scrollTop()<=300){ $(".btn_top").hide(); }else{原创 2017-07-03 09:33:43 · 191 阅读 · 0 评论 -
事件委托小练习
html部分<div id="warp"> <div class="warpDiv"> <p class="deleteDiv">-</p> <p class="toggleShow">+</p> </div></div>css部分<style type="text/css"> .warpDiv p{display: inline-block原创 2017-07-04 17:41:49 · 300 阅读 · 0 评论 -
js—手风琴效果
html部分<ul class="helpContnet"> <li> <p> 亿丰金融什么时间成立的? <span> <img src="images/hrlpRight.png" alt=""> </span> <原创 2017-06-27 09:02:53 · 329 阅读 · 0 评论 -
input值控制按钮样式
<body> <div> <input type="text" id="inp1" > <input type="button" class="inp2" value="点击" disabled></div> <script type="text/javascript"> //oninput 事件在用户输入时触发(元素的值发生改变时触发),类似于 onchange 事件,原创 2017-08-08 15:13:32 · 668 阅读 · 0 评论 -
原生js写tab选项卡
html、css部分<div id="div1"> <input class="active" type="button" value="1"> <input type="button" value="2"> <input type="button" value="3">原创 2017-08-23 10:23:54 · 300 阅读 · 0 评论 -
js获取系统时间,显示到页面上
function getNowFormatDate() { var date = new Date(); var month = date.getMonth() + 1; var strDate = date.getDate(); var seperator1 = "-"; var seperator2 = ":"; //分秒时间是一位数字,在数字前补0原创 2017-09-12 16:23:22 · 416 阅读 · 0 评论 -
运算符、流程控制——全选、反选、全不选
html部分<body><div id="adiv"> <input type="checkbox"> <input type="checkbox"> <input type="checkbox">原创 2017-06-16 16:44:11 · 256 阅读 · 0 评论