-
全局清除默认样式查看全部
-
表单美化： 单选按钮案例：（京东） body{font: 12px/22px "微软雅黑"; } .type{width: 400px; height: 32px;border: 1px solid #dfdfdf; margin: 30px auto;} a{ color: #000;text-decoration: none;} .type dl{line-height: 32px; height: 32px;margin-left: 15px;} .type dt{float: left; } .type dd a{ padding-left: 23px;display: block; position: relative; } .type dd{float: left; margin: 0 10px 0 8px; } .type dd a:hover{ color: #cc0000; text-decoration: underline;} .type dd b{display: block; width: 20px; height: 20px;position: absolute; top: 6px;left: 0; background:url(radiobutton.gif) no-repeat -14px -18px; } .type dd a:hover b{ background-position: -14px -118px; } .type .selected b,.type .selected a:hover b{ background-position: -14px -218px; } <div class="type"> <dl> <dt> 配送类型： </dt> <dd class="selected"><a href=""><b></b>全部</a></dd> <!--标签跟strong差不多，但strong起到一个强调的作用，但b一般都是用作一个占位的标签--> <dd><a href=""><b></b>京东配送</a></dd> <dd><a href=""><b></b>第三方配送</a></dd> </dl>查看全部
-
$(function(){ $("#type dd a").bind("click",function(){ $("#type dd a ").attr("class",""); $(this).attr("class","selected"); }) })查看全部
-
表单美化： 表单美化四个部分：单选按钮、浮选按钮、下拉列表、文本框查看全部
-
全局清除默认样式查看全部
-
H5 placeholder 占位不影响输入框输入 required 输入不能为空 input[attribute=""] CSS属性选择器 :focus 选择符 实现 js onblur onfocus查看全部
-
JS:window.onload调用多个函数查看全部
-
表单美化四个部分：单选按钮、浮选按钮、下拉列表、文本框查看全部
-
transition：padding .25s;渐变查看全部
-
H5 placeholder 占位不影响输入框输入 required 输入不能为空 input[attribute=""] CSS属性选择器 :focus 选择符 实现 js onblur onfocus查看全部
-
input 的id 和label 的for相同 实现点击label也可复选input查看全部
-
CSS中常见选择器（样式）的权重关系（从小到大）： 1. 继承（从父容器或祖先容器得到的样式。例如：font-size,color） 2. 默认样式（元素默认的样式。例如a标签中字体默认为带下划线蓝色） 3. 标签选择器（HTML标签） 4. 类选择器（class选择器。例如：.style1,.style2） 5. 伪类选择器（例如:hover,:first-child） 6. id选择器（例如：#btn1,#btn2） 7. 内嵌样式（例如：） 8. !important（终极觉醒技）查看全部
-
设置块居中： width:500px;height:326px; position:absolute;left:50%;top:50%;margin:-163px 0 0 -250px;查看全部
-
表单美化之文本框的美化制作一 1.css3中的伪类:focus{outline:none//文本框获取焦点时外边线去除} 2.html5中的placeholder属性实现文本框的提示并不影响输入。 3.html5中的required属性不允许文本框的空提交 4.css3中的border-radius实现圆角边框 5.css3中的transition属性设置过度效果如：{padding:3px 5px;transition:padding .25s;}{padding-right:70px}//在0.25s实现过度。以及浏览器的兼容查看全部
-
调用多个函数： 1、同时调用多个函数，直接写到html的body标签里面,如： <html> <body onload="func1();func2();func3();"> </body> </html> 2、js调用多个函数,以下这种调用方式可以用于不太复杂的JS程序中，如果程序函数很多，逻辑比较复杂，可以考虑用第五种方式。 <script type="text/javascript"> function func1(){……} function func2(){……} function func3(){……} window.onload=function(){ func1(); func2(); func3(); } </script> 3、JS自定义函数式多次调用 <script type="text/javascript"> function func1(){……} function func2(){……} function func3(){……} function addLoadEvent(func){ var oldonload=window.onload; if(typeof window.onload!="function"){ window.onload=func; } else{ window.onload=function(){ oldonload();//调用之前覆盖的onload事件的函数 func();//调用当前事件函数 } } } addLoadEvent(func1); addLoadEvent(func2); addLoadEvent(func3); </script>查看全部
举报
0/150
提交
取消