CSS滚动条 今天忽然想起我的博客签名要更新了，但是我也想保留历史签名，于是参考了淘宝的一些装修的店铺，修改了一下CSS，做了个漂亮的DIV+CSS的滚动条，实现了内嵌的效果。不用iframe的。 CSS代码如下 #about { float: left; display: inline; margin-top: 30px; width: 500px; font-size: 14px; } #about p { color: #FFF; font-size: 14px; line-height: 1.4em; SCROLLBAR-FACE-COLOR: #666666; Z-INDEX: 1; SC...
CSS实现的仿Textarea效果与之间h1 { font:bold 1.2em/1.6em arial; margin:4px 0; padding:4px 0;}h2 { font:normal 1.1em/1.5em arial; margin:14px 0 0 0; padding:4px 0;}div, p { font: normal 1em/1.3em arial;} div.terms { width:600px; height:200px; border:1px solid #ccc; background:#f2f2f2; padding:6px; overflow:auto; } div.terms p, div.terms li { font:normal 11px/15px arial; color:#333;}div.terms h3 { f...
现在WEB2.0时代来了，你可以在很多网站上看到一种鼠标移动上去表格会有状态的效果，今天偶就给大家讲一下具体的做法，可能我这个方法不太好，还请大家多多指点。其实方法就是在DIV里面加入了 OnMouseOver(鼠标移动到上面) OnMouseOut(鼠标移开) OnMouseDown(鼠标按下) OnMouseUp(鼠标放开) 在这种事件时，改变DIV的Class对应的 CSS 样式。这样就实现了动态效果。 支持 IE 和 Firefox 程序代码DIV+CSS 实现区域动态效果 /*=D...
实现自定义下拉菜单，看下面吧，CSS都已经注释。 在风格管理里面添加下面的CSS，直接把下面 CSS代码 复制到风格最底部即可: css代码：/*下拉菜单样式*/ *{margin:0;padding:0;border:0;} #div_center { width:790px; height:23px; background:#003399; margin-left: auto;margin-right:auto;} /*定义总体宽度、高度；background:003399; 控制背景颜色,居中对齐*/ #nav { line-height: 20px; list-style-type: none; margin-t...
想必大家都注意到的不循环滚动，所以出现了很多替代脚本，或iframe或JS输出，不管怎么做，都略显麻烦。下面说一下这个相对简单的实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆，通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当滚动至demo1与demo2的交界处时直接跳回初始位置，因为demo1与demo2一样，所以分不出跳动的瞬间，从而达到“无...
这久发现了一个很好的效果图自动切片生成DIV+Css工具，给我网页开发确实带来不少方便。 官方地址：http://www.guanlian8.com/product.asp?cataid=33&id=230 软件操作手册下载：http://www.guanlian8.com/down/%E8%87%AA%E5%8A%A8%E5%88%87%E7%89%87%E8%BD%AF%E4%BB%B6%E6%93%8D%E4%BD%9C%E6%89%8B%E5%86%8C.doc 如需注册请联系我，qq：371816210
实现代码: < style type ="text/css" > #sfContainer1 { font : bold 10pt simsun, tahoma ; background-color : #808080 ; height : 30px ; line-height : 30px ; padding-left : 20px ; } #sfFrontText { color : #FFFFFF ; position : absolute ; padding : 0px ; z-index : 1 ; } #sfBackText { ...
这种技巧的名称叫做CSS Sprite，基本原理就是利用CSS中图片background系列的 background-image、background-repeat、background-position等属性实现。通过这种方式达到图片显示 加速的关键，不是降低重量，而是减少个数。在通常情况下一张图片的传输时间，通常远小于请求等待的时间。 PS：特别制作了三个CSS Sprites实例演示，感兴趣的朋友可以看一看。 实例 比如google.cn现在首页的底部导航也是用这个方式实现的。 所用图片...
设置a:hover标签运行后，鼠标放在a上，整体会发生左移或右移的情况，若要a位置不变，则设置好a:hover的margin的职，不断改变，直到a的位置不变即可。
html代码： View Code 1 2 3 4 5 tab2.css代码： View Code 1 ul li 2 { 3 margin: 0px; 4 padding: 0px; 5 float: left; /*向左飘 */ 6 background-color: White; 7 list-style: none; /*隐藏li的小黑点*/ 8 margin-left: 5px; 9 color: blue;10 cursor: pointer;11 }12 #content13 {14 clear: both; /*因为使用了float:left效果 去除d...
最近修改公司一个用户登录页面,需要实现登录框在页面水平,垂直居中.因为才疏学浅,绞尽脑汁才想到利用绝对定位+百分比位置减去自身一半的长宽来实现垂直水平居中的,代码如下; 1 2 3 4 5 无标题文档 6 7 8 .test{ 9 position:absolute;10 width:200px;11 height:200px;12 background:#999;13 top:50%;14 left:50%;15 margin-top:-100px;16 margin-left:-100px;17 18 19 20 21 22 23 24...
http://www.cnwebshow.com/edu/special/special_divcss131.html
本帖最后由 u013546284 于 2014-01-25 15:06:38 编辑 http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_transition 上面那个W3C网站的过渡效果得鼠标移动到上面上去才会改变 我想实现跟下面网站开头那个文字过渡效果 得怎么搞? http://www.cheapmortgages.com/ 回复讨论(解决方案) There were 51,193 Mortgage Approvals in September totalling £7.25 Billion 已测 There were 51,193 Mortgage Appro...
在一些网页上，当你滚动页面的时候会看到各式各样的元素动画效果，非常动感。WOW.js 就是一款帮助你实现这种 CSS 动画效果的插件，很容易定制，你可以改变动画设置喜欢的风格、延迟、长度、偏移和迭代等。 您可能感兴趣的相关文章 精心挑选的美轮美奂的 jQuery 图片特效插件 精心挑选的优秀jQuery Ajax分页插件和教程 精心挑选的优秀 jQuery 文本特效插件和教程 8款非常棒的响应式 jQuery 幻灯片插件推荐 精心挑选1...
new document .FixedHeaderColumnsTableDiv { overflow: auto; position: relative; border: 1px solid; } .FixedCell { position: relative; top: expression(this.offsetParent.scrollTop); left: expression(this.parentElement.offsetParent.scrollLeft); background-color: buttonface; b...