- 博客(59)
- 收藏
- 关注
原创 lazyloads.js懒加载
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> &lt
2018-11-14 15:59:24 175
原创 js左侧下拉菜单效果demo示例(整理)
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>左侧下拉菜单</title> <style> *{ margin: 0; padding: 0; } ht
2018-11-13 21:04:04 1551
原创 js身份证验证效果demo示例(整理)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js验证身份证</title> <script src="http://libs.baidu.com/jquery/
2018-11-13 11:35:37 314
原创 判断手机登录还是电脑登录效果示例(整理)
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>判断手机登录还是电脑登录</title></head>&am
2018-11-13 10:41:59 1262
原创 html字体标红效果demo示例(整理)
<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <title>字体标红</title></head><body>我是红色的字体我是红色的字体我是
2018-11-12 20:06:08 4237
原创 css扫描动画效果demo示例(整理)
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>css扫描动画</title><style> * { margin:0; padding:0; box-sizing:border-box;}body { he
2018-11-12 16:29:59 2043
原创 textarea限制输入字符demo效果示例(整理)
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>textarea限制输入字符</title></head><body> <text
2018-11-12 16:03:59 2201
原创 js进度条载入demo效果示例(整理)
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;进度条&lt;/title&am
2018-11-12 14:57:04 153
原创 js点击收缩,点击展开demo效果示例(整理)
&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;title&gt;点击收缩,点击展开&lt;/title&
2018-11-10 13:11:33 2806
原创 设计稿750px移动端自适应,100px=1rem
var kk=document.documentElement.clientWidth; if(kk>750){ kk=750 }document.documentElement.style.fontSize=kk/7.5+"px"
2018-11-09 16:21:09 6881 2
原创 上传图片(最多可以上传5张图片)demo效果示例(整理)
&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;上传图片(最多可以上传5张图片)&lt;/title&gt;&lt;styl
2018-11-09 15:00:32 5563
原创 css图片在区域里缩放
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>图片在区域里缩放</title> <style> .div{ width: 120px; height: 120p
2018-11-09 14:10:37 394
原创 js随机飘动的广告图片代码demo效果示例(整理)
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js随机飘动的广告图片代码</title>
2018-11-09 11:23:28 2767
原创 测试图片随文字上下居中
&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;测试图片随文字上下居中&lt;/title&
2018-11-08 17:00:31 194
原创 js多图片上传--可删除demo效果示例(整理)
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n
2018-11-08 11:49:46 1677 1
原创 图片变亮效果--滤镜demo效果示例(整理)
&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;图片变亮效果--滤镜&lt;/title&a
2018-11-08 10:28:36 429
原创 提交订单中...==“...“动态demo效果示例(整理)
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>提交订单中</title> <style> a{ width: 100%; height: 100%;
2018-11-07 19:24:54 993
原创 js限制文字字数--点击展开点击收起demo效果示例(整理)
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>限制文字字数--点击展开点击收起</title> <style> li{
2018-11-07 16:48:15 2285
原创 jq修复错误图片demo效果示例(整理)
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>修复错误图片</title></head><body> <img src="
2018-11-07 15:01:15 1089
原创 js手机端下拉刷新效果demo效果示例(整理)
&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;meta name="viewport" content="width=device-width,initi
2018-11-07 10:56:48 515
原创 移动端可拖拽效果demo效果示例(整理)
<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><title&
2018-11-07 10:40:53 3671 4
原创 css改input变输入框光标颜色demo效果示例(整理)
&amp;lt;!doctype html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt
2018-11-07 09:27:48 2542
原创 js鼠标放图片上==放大镜显示效果demo效果示例(整理)
&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;jq图片的放大镜显示效果&lt;/title&
2018-11-06 17:25:33 1695
原创 在图片上停留时逐渐增强或减弱的透明效果demo效果示例(整理)
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>在图片上停留时逐渐增强或减弱的透明效果</title> <script src="http://libs.baidu.com/j
2018-11-05 09:22:53 445
原创 禁止输入空格键demo效果示例(整理)
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>禁止输入空格键</title> <script src="http://libs.baidu.com/jquery/1.11.3
2018-11-05 09:15:46 1821
原创 修改title和icon小图片demo效果示例(整理)
&lt;!doctype html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt; 我是
2018-11-04 19:54:15 1803
原创 js鼠标离开-清除input输入框内的空格demo效果示例(整理)
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>清除输入框内的空格</title></head><body> <input type
2018-11-04 18:22:15 1943
原创 H5手机端常见问题汇总
1、防止手机中网页放大和缩小,这点是最基本的,最为手机网站开发者来说应该都知道的,就是设置meta中的viewport还有就是,有些手机网站我们看到如下声明:<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">设.........
2018-11-04 17:50:09 3239
原创 6种css预载动画效果demo效果示例(整理)
&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;5种预载动画效果&lt;/title&
2018-11-04 17:24:49 433
原创 解决输入法遮挡--ios手机
// 解决输入法遮挡----一般是 ios上var timer = null;$(’.bInput’).on(‘focus’, function() {clearInterval(timer);var index = 0;timer = setInterval(function() {if(index&amp;amp;amp;gt;5) {$(‘body’).scrollTop(1000000);cle......
2018-11-04 17:07:17 1655
原创 禁止右键,禁止复制,禁止拖动图片demo效果示例(整理)
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>禁止右键,禁止复制,禁止拖动图片</title></head><!-- oncontextmenu="r
2018-11-04 16:46:41 512
原创 css字体模糊,多重边框demo效果示例(整理)
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>字体模糊,多重边框</title> <style> .div{ width: 500px; height: 500
2018-11-04 16:20:23 288
原创 css心动的感觉demo效果示例(整理)
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;title&amp;gt;跳动的心&
2018-11-04 14:22:37 733
原创 js左划出现删除按钮,右滑隐藏demo效果示例(整理)
&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;左划出现删除按钮,右滑隐藏&lt;/title&gt;&lt;script
2018-11-04 14:22:13 1471
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人