css
燕儿归
我的博客就是我的学习笔记,也是我的学习轨迹。
展开
-
div里面的图片超出div的宽度,自动调整大小。
#pic{ margin:0 auto; width:740px; padding:0;} #pic img{ max-width:740px; width:expression_r(document.body.clientWidth>document.getElementByIdx_x_x("pic").scrollWidth*9/10? "740px": "auto" );}转载 2015-04-17 15:02:08 · 7573 阅读 · 0 评论 -
div罩层缓慢向下移动 模拟 慢速加载网页
var ggRoll = {roll: document.getElementById("shadow"),speed: 12,statusY: 1,y: 0,winH: document.documentElement.clientHeight - document.getElementById("shadow").offsetHeight,Go: function () {thi原创 2015-10-20 04:54:05 · 856 阅读 · 0 评论 -
移动标签(marquee)属性详解
marquee标签简介 marquee标签:创建一个滚动的文本字幕,应用于文字、图片、表格。基本语法: ...属性汇总例句:此处输入滚动内容此处输入滚动内容 在基本语法中输入文字代码、代入图片代码、Flash动画代码和表格代码。这里是输入文字的地方,还可以放图片代码、Flash动画代码和gif动态小图代码。示例如下表:转载 2015-11-10 19:54:12 · 816 阅读 · 0 评论 -
css控制Button 按钮的点击时候出现蓝色边框
css控制Button 按钮的点击时候出现蓝色边框的问题添加css属性,这样在点击安按钮的时候就不会有蓝色边框了。.button{outline:none;}原创 2015-12-25 10:44:59 · 7393 阅读 · 0 评论 -
CSS中cursor的pointer 与 hand
cursor:hand 与 cursor:pointer 的效果是一样,都像手形光标。但用FireFox浏览时才注意到使用cursor:hand在FireFox里并被支持。cursor:hand :IE完全支持。但是在firefox是不支持的,没有效果。cursor:pointer :是CSS2.0的标准。所以firefox是支持的,但是IE5.0既之前版本不支持。IE6开始支持。转载 2015-12-25 16:18:36 · 4776 阅读 · 0 评论 -
自定义 css checkbox 样式
.checkbox{ -webkit-appearance: none; appearance: none; width: 18px; height: 18px; margin: 0; cursor: pointer; vertical-align: bottom; ba原创 2016-05-12 15:51:07 · 642 阅读 · 0 评论 -
去掉div裏面的滚动条但是还可以滚动
2层DIV. 外面那层写个固定的width 和height,overfllow:Hidden; 然后里面的那个也需要固定的width(约宽于父DIV的宽度.——把滚动条顶出去Hidden掉)和height(同父级DIV).overfllow:auto;.原创 2016-06-06 19:45:45 · 7190 阅读 · 0 评论 -
CSS设置滚动条样式
因为在现在的大部分项目中很多都用到了滚动条,有时候用到模拟的滚动条,现在说下滚动条的CSS也能解决。比如网易邮箱的滚动条样子很好看,就是利用的CSS来设置的,而且是webkit浏览器的。如图所示: 下面就讲解这几个属性怎么使用,代表什么意思。一:webkit下面的CSS设置滚动条主要有下面7个属性::-webkit-scrollbar 滚动条转载 2016-12-28 11:42:14 · 1169 阅读 · 0 评论 -
如何使用jquery修改css中带有!important的样式属性
使用jquery修改css中带有!important的样式属性外部样式为:div.test{ width:auto !important; overflow:auto !important}通过 $("div.test").css("width","100px");和 $("div.test").css("width","100px !important");转载 2017-10-19 09:40:48 · 4996 阅读 · 0 评论