-
transform 中的 rotate查看全部
-
css3新增圆角属性:border-radius html5+css3实现圆角按钮border-radius属性,html5+css3可用的浏览器为ie9以上以及最新的浏览器火狐,谷歌。 <a>标签本身是行内元素,变成行内块元素需设置属性:display:inline-block; <a>标签制作圆角水晶按钮的关键步骤? 1、在<a>标签中增加<span>标签 2、给按钮贴图 3、增加交互效果 <input>标签是行内块元素 用<input>标签做按钮的局限性:宽度无法自适应,没有交互效果。查看全部
-
推荐方法,用stop函数,不用判断 $(function(){ $('.link .button').hover(function(){ var title=$(this).attr('data-title'); $('.tip em').text(title); var pos=$(this).offset().left; var dis=($('.tip').outerWidth()-$(this).outerWidth())/2; var l=pos-dis; $('.tip').css({'left':l+'px'}).stop(true,true).animate({'top':180,'opacity':1},300); },function(){ $('.tip').stop(true,true).animate({'top':160,'opacity':0},300); }) })查看全部
-
使用判断还是会出现tip停住不消失的问题。 在鼠标滑入时加一个.stop(false,true).animate(...),鼠标移出时加一个.stop().animate(...)。 感谢老师辛苦讲课,赞一个:)查看全部
-
<a>标签制作按钮的优点: 1、没有默认事件; 2、可以用CSS模拟成按钮外观,并做到宽度自适应; 3、可以增加交互效果,且浏览器均兼容;查看全部
-
<input type="button" value="按钮"> <input type="submit" value="提交"> <input type="reset" value="重置"> <input type="image">现在都是用css美化,这个基本上不用了 表单按钮的默认样式是有操作系统决定的 input{width:100px;height:40px;background:url();border:none;} input背景图片展示的话,只能做固定宽高的,如果宽度改变,会出现背景图片repeat效果 1. 传统表单input标签按钮有:type--button,submit,reset,image(image类型基本上不用);input属于行内块元素,可设置宽高。 2. 如果input按钮没有设置CSS样式,默认由操作系统给的,有交互功能。如果设置了背景图片,则会失去交互功能,且若宽高不适合,会repeat. 3. submit和reset这两种类型有默认动作,平时不需要,比较流行的按钮制作都是由<a>标签实现的。查看全部
-
啊手动阀手动阀手动阀查看全部
-
box-sizing 属性允许以特定的方式定义匹配某个区域的特定元素: box-sizing: content-box(默认值) | border-box | inherit 兼容性:IE 、 Opera 、 Chrome 支持 box-sizing 属性,Firefox 支持替代的 -moz-box-sizing 属性查看全部
-
css3-transition查看全部
-
transition: property duration timing-function delay; transition-property:规定设置过渡效果的CSS属性的名称 transition-duration:规定完成过渡效果需要多少秒或毫秒 transition-timing-function:规定速度效果的速度曲线 transition-delay:定义过渡效果何时开始查看全部
-
动画效果的直线效果查看全部
-
圆角属性:boder_radius查看全部
-
按钮设置查看全部
-
提示按钮的设置,算法,及效果变化查看全部
-
border_radius:圆角查看全部
举报
0/150
提交
取消