- 博客(28)
- 资源 (8)
- 收藏
- 关注
RSS订阅
原创 css3 transform 属性
transition 与 transform 属性、用法、区别transition:1s;(写在目标元素中)transition: width 2s linear 200ms,background 2s linear 200ms;那个属性需要过渡写那个/*代表持续时间为1s，延迟时间为2s*/ transition: 1s 2s;通过这四个子属性的配合来完成一个完整的过渡效...
2018-04-26 15:25:22
1431
原创 移动端手势滑动的无缝轮播图(右向左移动)
原生js实现简单移动端轮播图<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="view...
2018-04-25 12:35:46
3535
原创 jq 购物车弹出层
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <...
2018-04-19 09:56:22
1154
1
原创 Css3概念知识点
当元素没有定义宽度高度 就可以给它写 max-width、max-height引用线上css：@import url(http://fonts.useso.com/css?family=Ubuntu); <linkhref='http://fonts.useso.com/css?family=Ubuntu'rel='stylesheet'type='text/css'&...
2018-04-14 15:11:20
1056
原创 Css3弹性盒模型详解
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ...
2018-04-14 14:00:49
811
原创 css3属性选择器，css中“~”（波浪号）、“，”（逗号）、“+”（加号）和（大于号）详解
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta
2018-04-12 15:37:10
10942
原创 原生js、jq切换选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style> ul,li{ list-sty
2018-04-10 16:02:08
420
原创 jq概念笔记
只能输入纯数字的输入框:<input type="text" name="" oninput="value=value.replace(/[^\d]/g,'')"> //放心使用很强大jQuery中$()可以有两个参数var $box = $('div.work_content');var $txt = $('div.model-select-text',$box);...
2018-04-10 16:01:18
543
1
原创 解决苹果手机a标签点击背景，按钮颜色不兼容问题（发白）问题
a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } input[type=button],input[type=submit],input[type=file],button{ cursor: pointer; outline:none;/*除边框*/ -webkit-appearance: none;/*消除按钮圆角*/ b...
2018-04-04 17:23:55
1548
原创 原生js概念知识点
Javascript获取数组中最大和最小值、排序由于js中的变量是松散类型的，所以它提供了一种检测当前变量的数据类型的方法，也就是typeof关键字.typeof 123 //Numbertypeof 'abc' //Stringtypeof true //Booleantypeof undefined //Undefinedtyp...
2018-04-04 11:57:47
1371
1
原创 css3折纸导航效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta
2018-04-29 15:09:57
333
转载 手机h5页面唤起打电话、发邮件、发短信功能、QQ交谈
支持html5的浏览器在web页面里面实现拨打电话的功能<a href="tel:139xxxxxxxx">一键拨打号码</a><a href="mailto:yuojian@163.com">一键发送邮件</a><a href="sms:139xxxxxxx">一键发送短信</a>点击跳转qq聊天窗口&...
2018-04-28 12:23:29
4851
原创 3d示例
<style>.box{ width: 100px; height: 100px; padding: 100px; border: 5px solid #000; margin: 30px auto; -webkit-transform-style:preserve-3d; -webkit-perspective:100px;/*景深 近大远小*/}.div{ w...
2018-04-28 10:42:33
232
原创 html 隐藏滚动条（pc、移动适用）
css 添加代码:/*HTML5 元素超出部分滚动, 并隐藏滚动条*/#box::-webkit-scrollbar { display: none;}#box::-webkit-scrollbar { width:0px;}
2018-04-27 16:34:30
4638
3
原创 css jq模拟下拉
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me
2018-04-23 17:29:42
232
原创 鼠标移入旋转小实例
css：.box{ width: 100px; height: 100px; margin: 30px auto; position: relative; border:1px solid #000;}#box{ width: 100px; height: 100px; background:red; position: absolute; left: 0; top: 0...
2018-04-23 12:18:44
516
原创 Css3 matrix
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me
2018-04-19 17:26:16
361
转载 css3 仿iphone开机滑动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta
2018-04-19 09:37:58
267
原创 jQuery简单的弹出层效果
<!doctype html><html><head><meta charset="utf-8"><title>jQuery简单的弹出层效果-jq22.com</title><script src="http://libs.baidu.com/jquery/2.1.1/jquery.min
2018-04-17 16:39:19
1750
原创 简单的原生js弹出框
<!doctype html><html><head><meta charset="utf-8"><title>简单的原生js弹出框-jq22.com</title><script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js
2018-04-17 16:28:34
5371
1
转载 Jquery超完美滚动轮播图
<!doctype html><html><head><meta charset="utf-8"><title>超完美滚动轮播图</title><script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"&
2018-04-17 13:23:42
1067
原创 Css3图片拖拽、图片、文字倒影
<style>.box{ width: 300px; height: 200px; background: url(img/3.jpg); border: 5px solid #000; resize:both;/*图片拖拽*/ overflow: auto;/*必须配合overflow:auto 一起*/}/*文字图片倒影*/.reflect{ width:9...
2018-04-14 14:48:32
511
原创 Css3伪类与p标签控制
<style>p{ width: 300px; border: 1px solid #000; font-size: 12px; line-height: 30px; padding: 10px;}p:first-line{/*.class p:first-line 这样也可以控制*/ background: red;}p:first-letter{ fo...
2018-04-13 17:10:29
1198
原创 indexOf()、lastIndexOf()用法、用typeof查看数据类型
<script type="text/javascript"> var str = 'www.baidu.com'; for( var i = 0;i<str.length;i++ ){ if(str.charAt(i)==='i'){ alert(i);//6 } } string.indexOf(searchvalue,fromindex)...
2018-04-12 11:14:50
2746
1
原创 jQuery简便实现遮罩层,内容居中并跟随滚动条滚动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><met
2018-04-11 13:46:55
1456
转载 jq的$.each遍历数组
// 遍历数组 var arr2= [5,6,8,10]; $.each(arr2,function(index,value){ console.log("下标:"+index+"值:"+value); }); // 遍历对象 var json ={ name:"王",age:"20",sex:"女"}; $.each(json,f...
2018-04-09 16:15:54
1806
转载 移动端关于select最佳兼容性解决方案(css)
<style>.button { border: 1px solid #bbb; border-radius: 1px; box-shadow: 0 1px 0 1px rgba(0,0,0,.04); width: 300px; background: #f3f3f3; background: -moz-linear-gradient...
2018-04-04 17:35:07
3844
jQuery插件实现图片展开效果，jquery.gallery。仿腾讯QQ空间说说图片展示效果。.html
2020-04-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人