切图仔

不要假装很努力,结果不会陪你演戏

svg线性波浪效果

<svg style="background: #E6B112;width: 100%;" width="1600" height="156" viewBox="0 0 1600 156" fill=&q...

2019-06-20 13:40:25

阅读数 71

评论数 0

svg线性动画 底部波浪式

<svg style="background: #E6B112;" width="1600" height="156" viewBox="0 0 1600 156" fill="none&quo...

2019-06-19 14:33:40

阅读数 23

评论数 0

手风琴+tab选项卡切换相结合效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &a...

2019-06-19 14:12:31

阅读数 46

评论数 0

判断滚动到第几个div

onload = function () { //////初始化 scrollToLocation(); }; function scrollToLocation() { var mainContainer = $('.scroll'), // scrollToContaine...

2019-05-09 15:52:19

阅读数 40

评论数 0

文字滚动水平方向

css: *{margin: 0;padding: 0;} .yhq_318_text{width: 900px;height: 50px;background:rgba(255,233,188,1);border-radius:25px;margin-top: 23px;font-size: 1...

2019-03-12 10:58:22

阅读数 32

评论数 0

当滚动条滚动到指定位置时元素显示隐藏

$(document).scroll(function(){ var scrTop = $(window).scrollTop(); var n_t = $('body').height() * 500; if(scrTop > n_t){ ...

2019-01-25 15:39:21

阅读数 492

评论数 0

文字无缝滚动

css: .sds_zjmd{width: 420px;height: 168px;border:1px solid #AB1E2E;margin: 0 auto;margin-top: 30px;} .sds_right_p4{font-size:30px;line-height:40px;co...

2018-11-30 13:45:00

阅读数 204

评论数 0

超简单jq锚点动画效果+返回顶部

<!DOCTYPE html> <html> <head> <meta charset="utf-8"...

2018-11-29 09:53:52

阅读数 101

评论数 0

悬浮导航

//首先获取导航栏距离浏览器顶部的高度 var top = $('.bukacn_center_main').offset().top; //开始监控滚动栏scroll $(document).scroll(function(){ //获取当前滚动栏scr...

2018-11-26 16:03:04

阅读数 114

评论数 0

判断mac电脑系统和"Safari"and"Chrome"

var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == &q...

2018-11-26 15:54:33

阅读数 74

评论数 0

mobile端一键复制

想要完整版留下邮箱打包发送 <!DOCTYPE html> <html lang="en"> <head> &am...

2018-10-15 11:16:42

阅读数 181

评论数 0

鼠标单击爆炸特效

html: <canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;&...

2018-10-10 17:04:40

阅读数 315

评论数 0

console.log写样式

js: window.onload = function () { console.log("%c秋名山上行人稀,常有车手较高低。\n如今车道依旧在,不见当年老司机!"," color:#000;font-weight:bold;...

2018-10-09 14:16:18

阅读数 52

评论数 0

JS实现鼠标点击爱心特效

js: !function(e, t, a) { function r() { for (var e = 0; e < s.length; e++) s[e].alpha <= 0 ? (t.body.removeChild(s[...

2018-10-09 14:13:12

阅读数 1920

评论数 3

用css实现文字抖动特效

html:<span class="shaky">你在说什么( ,,´・ω・)ノ"(´っω・`。)</span> css:.shaky { display:...

2018-10-09 14:11:22

阅读数 990

评论数 0

网站运行时间统计

html: <span id="span_dt_dt"></span> js: <script> function s...

2018-10-09 14:07:40

阅读数 243

评论数 0

js原生轮播 淡入淡出效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti...

2018-08-31 15:06:32

阅读数 412

评论数 0

丧心病狂的动画效果

<!DOCTYPE html> <html> <head> <meta charset="UTF-8&...

2018-08-15 11:24:00

阅读数 152

评论数 2

css3+js水波纹效果

html: <div id="wrap"> <h1>Android L Ripple Effect</h1> ...

2018-08-15 11:21:36

阅读数 1065

评论数 0

jquery怎么实现点击一个按钮控制一个div的显示和隐藏

示例html: <div class="abc" style="display:none"></div> <inp...

2018-07-03 14:04:58

阅读数 9365

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭