- 博客(18)
- 资源 (1)
- 收藏
- 关注
原创 jQuery文字逐行向上滚动代码
实现原理:整体向上滚动一行距离后,将第一行appendTo最后一行<div class="apple"> <ul> <li><a href="#" target="_blank">你是我的小丫小苹果 </a></li> <li><a href="#" target="_blank">怎么爱你都不嫌多</a></li> <li>&.
2020-09-05 15:47:02
549
原创 两次点击不同效果实现
<script> function qwe(alte){ var coun = 0; $(alte).click(function(){ coun++; if(coun % 2 == 0){ }else{ } }) } $(".list_bqjia").each(function(){ var clk = 1; $(this).click(function(){ clk++; if(clk % 2 ==
2020-09-05 15:24:29
349
原创 图片循环滚动
<div id="demo"> <div id="indemo"> <div id="demo1"> <a href="###"><img src="images/1.jpg" border="0" /></a> <a href="###"><img src="images/2.jpg" border="0" /></a&.
2020-09-05 14:54:17
189
原创 飘窗
<a class="index_piaoc" href="" id="index_piaoc"> <div class="index_piaoc_box"> <div class="index_piaoc_con_tit">变更通知</div> <div class="index_piaoc_con_c">协理员笔试准考证</div> <div class="index_piaoc_con_c">领取时间更改为
2020-09-05 14:07:12
346
原创 移动rem设置
<script> (function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth;
2020-09-01 10:05:23
91
转载 placeholder属性在IE中失效的解决办法
<input type="text" placeholder="你好placeholder">* { margin:0; padding:0; border:0;}*,*:after,*:before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;...
2020-04-07 17:48:31
277
原创 改变input框中placeholder颜色的方法
input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */ color: #BDCADA;}input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */ color: #BDCADA;}input::-moz-placeholder { /* Mozil...
2020-04-07 17:46:26
407
原创 广告对联
*{padding: 0; margin: 0;}.con{ height: 3000px; position: relative;}.guanggao{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 100px; height: 300px; backgroun...
2020-03-31 11:27:54
102
原创 文字垂直水平循环滚动
父元素包裹时属性 overflow:hidden水平:父元素设置了定位,子元素固定宽度,并且克隆子元素left父元素宽度*{ padding: 0; margin: 0;}#demo { overflow: scroll; height: 200px; width: 600px; border: 1px solid #000;}#demo1 li { list-st...
2020-03-30 09:51:46
295
转载 scrollHeight, clientHeight, offsetHeight的区别
浏览器窗口和网页文档先明确浏览器窗口和网页文档的区别,拿下面这张图来说右边那张图中,大红色方框框起来的是浏览器窗口,而网页文档就是左边这张图。先不用去管scrollHeight这些东西,后面再解释。先明确浏览器窗口和网页文档是不同的!!不用去纠结它们什么时候高度相等,明白这两个代表的含义才是最重要的。浏览器窗口console.log(window.innerWidth) //浏览...
2020-03-28 14:05:55
190
1
原创 css样式切换
点击切换样式<div class="all"> <div>1111111</div> <div>2222233</div> <div>4444444</div></div>.all div{ width: 100px; height: 50px; background: #007...
2020-03-28 10:36:54
395
原创 滚动到指定位置 scroll()
这里是引用<div class="con"> <div class="top"> 上部分内容<br> 上部分内容<br> 上部分内容<br> 上部分内容<br> 上部分内容<br> 上部分内容<br> 上部分内...
2020-03-28 10:36:05
782
原创 选项卡切换
点击tab,对应的内容选项卡自动切换<div class="box"> <div class="title"> <h2>111</h2> <h2>222</h2> <h2>333</h2> <h2>444</h2> </div> <d...
2020-03-28 10:35:18
148
原创 鼠标悬浮div同步显示
鼠标悬浮在div1标签上时,显示对应的div2信息层,同时鼠标在div2信息层上时,div2不隐藏。只有离开div1或者div2时,隐藏div2信息层1、div1和div2之间不能有空隙1、方法1(完成)<style type="text/css">.div1{ width: 100px; height: 100px; background: red;}.div2...
2020-03-27 16:29:33
1221
转载 鼠标事件以及clientX、offsetX、screenX、pageX、x的区别
鼠标事件鼠标事件有下面这几种:1. onclick鼠标点击事件box.onclick = function(e){ console.log(e)}2. onmousedown鼠标按下事件box.onmousedown = function(e){ console.log(e)}3. onmouseup鼠标松开事件box.onmouseup = funct...
2020-03-26 15:36:29
222
原创 div跟随鼠标移动
<body> <div class="div"> <a href="">内容内容内容</a> <a href="">内容内容内容</a> <a href="">内容内容内容</a> <a href="">内容内容内容</a> </div> &...
2020-03-26 15:29:53
113
原创 移动端常用布局写法
代码需引用jQuery<body> <div class="box"> <div class="box_header"> <div class="box_header_c"> <div class="box_header_img"></div> <div class="box...
2020-03-21 17:40:38
194
转载 replace()的用法
replace方法的语法是:stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string),reExp可以是正则表达式对象(RegExp)也可以是字符串(string),replaceText是替代查找到的字符串。。为了帮助大家更好的理解,下面举个简...
2020-03-21 17:18:33
47693
4
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人