- 2012-11-30
鼠标滑过一个DIV层,更换层的背景颜色,这个效果很实用,也很简单,其实直接用CSS就能实现,不过这里好像用了JavaScript,各有各的好处,自己看需要了。
- 2012-11-30
一样的功能,不一样的代码,这段代码同样也是实现点击打开层的效果,但是她的代码似乎非常少,而且通过点击后可关闭,点击后不可关闭,用按钮激发三种效果来展示本功能,总有一款适合您。
- 2012-11-29
纯CSS实现真正宽度自适应的方法和实现代码,从代码里你丝毫看不出为什么这样会自适应宽度,这就是本段代码的微秒之处,希望你认真阅读一下,探个究竟。答案是inline-block。
- 2012-11-29
几种常见的DIV边框样式,无边框、点线式边框、破折线式边框、直线式边框、双线式边框、槽线式边框、脊线式边框、内嵌效果的边框、突起效果的边框等。
- 2012-11-29
可以自由拖动的DIV层窗口,鼠标按住广场的任一地方都可以实现拖动,有一些是按住标题部分可拖动,似乎这种的拖动体验更好一些,不信你就试一下,这里只介绍一种简单的拖动方法,让你学会如何使一个层实现拖动!
- 2012-11-29
CSS+JS实现的无图片圆角,使用方法很简单, 只需一个js即可设定圆角样式,JS本身带有6种样式(black/blue/red/green/yellow/pink),只需在需要的地方用class=样式定义即可;多个圆角不需要重复设置,在需要的地方用id=corner定义即可;而且代码的兼容性也非常好。
- 2012-11-29
CSS使用相对定位技术实现DIV层的投影(阴影)效果,立体表格就是这样 的哦,看上去还不错吧?投影的颜色根据你表格的颜色适当修改一下,会有更酷的效果出现,试一下吧。
- 2012-11-28
用纯CSS实现的链接提示效果,实际上从这段代码我们最值得学习的就是用CSS的定位技术,如何让一个带有提示文字的层出现在你想要的位置,这往往比较难以控制,特别是对CSS不太懂的朋友更是无从下手,看了这个实例相信你会明白很多!
- 2012-11-28
这是漂浮在网页右侧的一个浮动窗口,可以关闭,从运行效果来看,它可以作为漂浮广告代码,也可以作一个右侧菜单,你只需将其演示文字替换掉你的内容就可以了,值得一说的是,其实你可以把演示内容替换为一个IFrame页面,这样和代码分开,互不影响。
- 2012-11-28
又一个用JS控件DIV层的展开与折叠的功能,还带有点动画效果,可以用到一些软件介绍、明星介绍之类的,当点击详细查看的时候会全部显示出来,优酷网有这种类似效果,其实用起来很简单,不懂JS想念你也能搞定!
- 2012-11-28
一个鼠标提示效果,仅仅实现“提示”这一功能非常好办,难在提示层的位置不好把握,如果使用相对定位,在改变分辨率的情况下错位会很严重,但若使用绝对定位的话,也是会出现这样那样的问题,虽然这段代码不能很好的解决这一问题,但至少可以让更多的情况下都能通用。
- 2012-11-28
某一选项不需被激活的滑动门(实用)代码,也主浊某一滑动门单元可以不滑动,而安排另有它用,比如第一个和第四个单元就是有其它的用处,第一个是不能被激活的,显示的内容是固定的,第四个“更多”是一个文字链接,将用户指引到其它地方,可以不完成没去门的功能。
- 2012-11-28
立体带阴影的CSS圆角效果,代码稍嫌多,不过效果很不错,有需要的可拿出自己好好修改一下,这里只能写成这样,提供一种思路,每个人的需求不一样。
- 2012-11-28
一个简洁实用的多选项卡JS类+CSS的应用,意思是说在你的网页上可以布局多个选项卡菜单,有时候有些朋友就范难了,不知道在一个页面上如何用一个Javascript去实现多个选项卡,本段代码就是专一向朋友展示这一要点的,因此值得借鉴。
- 2012-11-28
是不是看到有的网站的用户登录功能很酷?像腾讯QQ网一样,点击登录按钮或登录文字就会弹出一个登录框,而页面不刷新,登录完成后自动又回到原页面,本段代码是实现了点击后弹出一个含有登录信息的层,登录功能需要你配合动态页面完成。
- 2012-11-24
JS弹出基于Table的可关闭浮动层,可以拖动和隐藏,完美替代Alert弹出窗口,颜色和大小都可以重新设置,非常灵活,而且代码超少,用时候可以把JavaScript部分另存为单独的JS文件,这样你的网页代码更少了哦。
- 2012-11-24
纯CSS实现框架一样的效果,一边滚动、一边不滚动,与position:fixed也很像,在IE7/IE8下完全正常,但没在火狐及IE6下测试,如果你有条件测试一下。
- 2012-11-24
跨浏览器,固定定位漂浮的CSS实现方法,可能会比较实用,兼容火狐、IE6/IE7/IE8,以及其它的浏览器,这方法是摸索了很多天研究出来的,代码并不多,为前端开发者提供有力参考。
- 2012-11-24
仿淘宝网首页商品分类列表的边框效果,先运行一下看看是什么效果,新颖之处在于它的拐角边框,很独特,不好的一点是没有完全使用CSS,中间有的用的是TABLE,代码有点繁琐,有点遗憾!
- 2012-11-24
一个简单的CSS文字和图片排版,左右结构,作为一个优秀的网页设计师和网页制作人员,我们有必要掌握这种简单且实用的CSS文字图片排版技术,这对于我们以后布局网页非常有用处。