CSS
treeMountain
精通.NET开发,Web网页的开发
展开
-
纯CSS制作的渐变层(兼容IE/Firefox/Opera)
使用纯CSS制作渐变层,渐变是效果有从左到右,从右到左,从上到下,从下到上。效果如下: Shadow.css文件:/******************************************************************************************************************IE系列 *filter:转载 2015-11-03 16:38:56 · 318 阅读 · 0 评论 -
CSS改变图片由模糊到清晰
使用纯CSS使用的图片初始为模糊,鼠标放在图片上后变得清晰。使用滤镜的可以实现。模糊时的图片: 清晰后的图片:转载 2015-11-03 16:13:08 · 8528 阅读 · 0 评论 -
随机分布画墙相册
photos.xml可以添加图片,但图片的长与宽要符合规格,即:464X450px否则会截取多余部分。效果图: 案例下载:转载 2015-11-02 16:09:10 · 409 阅读 · 0 评论 -
导航菜单
菜单为上面显示的菜单,菜单总可以到第二级.此菜单采用jquery和css制作,非常实用. 案例下载:转载 2015-11-02 15:43:27 · 469 阅读 · 0 评论 -
预览flv播放器
有预览列表的flv视频播放器,可以自己添加喜欢的flv视频。主要用于影片的片头宣传.效果图: 案例下载:http://download.csdn.net/detail/lovegonghui/9234315转载 2015-11-03 09:09:53 · 520 阅读 · 0 评论 -
javascript+css相册
使用javascript和css制作缩略图像册,点击缩略图可放大图片.并带有画框.缩略图相册: 点击缩略图后的效果: 案例下载:转载 2015-11-02 16:02:50 · 437 阅读 · 0 评论 -
分页集合
1.本例采用纯CSS样式生成分页:案例下载:转载 2015-10-31 11:51:38 · 337 阅读 · 0 评论 -
纯CSS装饰画(给图片加画框)
共有12种装饰样式:1、简单画廓2、Mini图标3、带文本画廓4、弹出带文本的画廓5、带纸片夹6、Cork画板7、图片标签8、黑色艺术框9、金色艺术框10、水墨画11、光晕画12、整块木板画框案例下载:转载 2015-11-02 14:42:11 · 2659 阅读 · 0 评论 -
使用CSS+JavaScript生成Tips(Bubble)
效果图: CSS样式表:Toolbar.cssbody{font:12px/1.8 arial;} a,a:visited{color:#3366cc;text-decoration:none;} a:hover{color:#f60;text-decoration:underline;} .tip{width:200px;border:2px solid #ddd;转载 2015-11-03 14:53:08 · 605 阅读 · 0 评论 -
固定层不随滚动条滚动而滚动(纯CSS,兼容IE6,IE7,IE8,Firefox,Safari)
使用CSS来固定层,此层不随滚动条滚动而滚动,固定层分三个位置:页面顶端: 页面中央: 页面底层: StaticContent.css文件:/*******调用***********//********解决内容一跳一跳的Bug(适用于IE6)*******/html,body{ background:url(nothing.tx转载 2015-11-03 17:02:15 · 1733 阅读 · 0 评论 -
纯CSS自适应图片大小
只使用CSS使得图片自适应其大小,下面有两种方式,一种是按百分比自适应其大小:document.getElementById("picPre").scrollWidth*8/10? "80%": "auto" ); border:1px dashed #000; } --> 二种是按固定宽高自适应其大小: 780? "780px": "auto" ); border:1px转载 2015-11-03 16:24:44 · 430 阅读 · 0 评论 -
按钮样式集合
下面是5种常用的样式,CSS文件如下:ButtonCSS.css/***按纽样式****/.btnLightBlue { font-family: "tahoma", "宋体"; font-size:9pt; color: #003399; border: 1px #003399 solid; color:#006699; border转载 2015-11-03 15:53:17 · 1764 阅读 · 0 评论 -
文本框输入的样式
文本框文字的输入样式设计,这里分四种样式:1、从左到右2、从右到左3、从中间到两边4、两端对齐效果如下: TextAlignAt.css文件:.left { text-align: left; border: 1px dotted black; width: 50%;}.right { text-align: right; borde转载 2015-11-03 17:11:58 · 1698 阅读 · 0 评论 -
让IE9以下版本支持HTML5
1、从IE9开始到后继的版本都支持HTML5,那么怎么让IE9以下的版本支持HTML5呢?这里有一个JS文件,源文件如下:(function(k,m){var g="3.7.0";var d=k.html5||{};var h=/^";q=("hidden" in t);e=t.childNodes.length==1||(function(){(m.createElement)("a")原创 2017-04-25 11:27:12 · 1155 阅读 · 0 评论