随笔分类 -  特效

9.各种下拉菜单
摘要：https://www.imooc.com/learn/12 出现的问题：点击删除后广告display：none；高度消失；这是二级菜单绝对定位要给主要父元素定位relative 效果： 应用 :css+html 难点：因为a标签的特殊性所以，必须对a进行display：block; padding 阅读全文
posted @ 2018-06-01 16:46 一叶知秋韵 阅读(205) 评论(0) 推荐(0)
8.五环
摘要：线上地址http://lsenlin.top/fiveCircle/circle.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi 阅读全文
posted @ 2018-05-30 14:05 一叶知秋韵 阅读(141) 评论(0) 推荐(0)
t-7.3s后跳转到指定url
摘要：1.在head 里添加下面代码 <meta http-equiv="refresh" content="3;URL=http://www.baidu.com"> <meta http-equiv="refresh" content="3;URL=/swt/swt.html"> 2.settimeou 阅读全文
posted @ 2018-05-20 17:43 一叶知秋韵 阅读(104) 评论(0) 推荐(0)
t-6. 点解切换div内容
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2018-05-20 09:30 一叶知秋韵 阅读(195) 评论(0) 推荐(0)
t-5.倒计时(秒杀效果)--本地--服务器（待续）
摘要：//01 倒计时（从客户端获取时间） var mysetInterval=setInterval(function countTime(){ //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var endDate  阅读全文
posted @ 2018-05-14 17:54 一叶知秋韵 阅读(102) 评论(0) 推荐(0)
t-4.楼层滚动 ----待续
只有注册用户登录后才能阅读该文。
posted @ 2018-05-13 17:07 一叶知秋韵 阅读(1) 评论(0) 推荐(0)
t-3.跑马灯
摘要：0.1向上不间断跑马灯 <div class="news-box" id="news_box"> <ul class="demo1" id="demo1"> <li> <a href="#"> <font>热</font>0无屏!手机终极形态</a> </li> <li> <a href="#" 阅读全文
posted @ 2018-05-13 11:50 一叶知秋韵 阅读(177) 评论(0) 推荐(0)
t-2.手机端简单轮播（无滑动效果）
摘要：<div class="banner"> <ul class="slide_ul"> <li> <a href="#"> <img src="images/pc5.jpg" alt=""> </a> </li> <li> <a href="#"> <img src="images/pc 阅读全文
posted @ 2018-05-13 11:49 一叶知秋韵 阅读(229) 评论(0) 推荐(0)
t-1.发送手机验证码---未完成
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> a{ color:red; } .disable{ pointer-events:none; color:#6 阅读全文
posted @ 2018-05-06 16:12 一叶知秋韵 阅读(139) 评论(0) 推荐(0)