前端特效
关注
分享
扫一扫
咸菜汤小白
前端小白的自我修养
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
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 · 624 阅读 · 0 评论 -
图片循环滚动
<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 · 222 阅读 · 0 评论 -
飘窗
<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 · 415 阅读 · 0 评论 -
广告对联
*{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 · 128 阅读 · 0 评论 -
文字垂直水平循环滚动
父元素包裹时属性 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 · 341 阅读 · 0 评论 -
div跟随鼠标移动
<body> <div class="div"> <a href="">内容内容内容</a> <a href="">内容内容内容</a> <a href="">内容内容内容</a> <a href="">内容内容内容</a> </div> &...原创 2020-03-26 15:29:53 · 143 阅读 · 0 评论 -
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 · 441 阅读 · 0 评论 -
滚动到指定位置 scroll()
这里是引用<div class="con"> <div class="top"> 上部分内容<br> 上部分内容<br> 上部分内容<br> 上部分内容<br> 上部分内容<br> 上部分内容<br> 上部分内...原创 2020-03-28 10:36:05 · 899 阅读 · 0 评论 -
选项卡切换
点击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 · 183 阅读 · 0 评论 -
鼠标悬浮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 · 1323 阅读 · 0 评论