CSS/HTML - 随笔分类(第4页) - 计划

CSS选择器大全

摘要：对于非元素内联的样式需要定义样式选择器，通俗的说就是这个样式适合哪些元素，样式选择器有：标签选择器，class选择器，id选择器，关联选择器，组合选择器，伪选择器1.标签选择器对于指定标签采用统一的标签；<head><style type="text/css">input{border-color:Yellow;color:Red}</style></head>2.class选择器以定义一个命名的样式，然后在用它的时候设定元素的class属性为样式，还可以同时设定多个class，名称之间加空格。<head>< 阅读全文

posted @ 2012-12-11 20:46 计划阅读(975) 评论(0) 推荐(0)

jQuery实现右下角滑动弹出可关闭重现层完整代码

摘要：经常看到网页右下角有滑动弹出的广告，这种效果可以使用jQuery弹出层实现。本实例使用jQuery实现右下角滑动弹出可关闭重现层。.完整代码如下： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 阅读全文

posted @ 2012-10-10 18:17 计划阅读(4165) 评论(5) 推荐(2)

CSS3实现DIV圆角完整代码

摘要：本实例是CSS3实现DIV圆角。实现圆角的CSS3代码句是： "border-radius: 20px;" 。需使用支持CSS3的浏览器运行,例如新版的Chrome、火狐，或者IE9以上。IE6、7、8不支持。在线预览效果：http://hovertree.com/texiao/css/4.htm画... 阅读全文

posted @ 2012-10-09 14:08 计划阅读(55197) 评论(0) 推荐(0)

jQuery弹出窗口完整代码

摘要：效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/1.htm web前端汇总 :http://www.cnblogs.com/jihua/p/webfront.html 阅读全文

posted @ 2012-10-08 14:15 计划阅读(91065) 评论(2) 推荐(6)

jquery树形菜单完整代码

摘要：本实例实现了树形的动态菜单，兼容IE8,火狐，Chrome等浏览器。使用了jQuery的toggle() 方法。效果和代码如下：http://keleyi.com/keleyi/phtml/jqmenu/6.htm 1 2 3 4 5 jquery的树形菜单代码 - 计划 - 博客... 阅读全文

posted @ 2012-10-07 11:29 计划阅读(42746) 评论(1) 推荐(0)

jQuery固定DIV实现“返回顶部”

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>jQuery实现“返回顶部”（固定DIV） - 计划 - 博客园</title> <meta name="k 阅读全文

posted @ 2012-10-05 01:06 计划阅读(2173) 评论(0) 推荐(1)

版权符号模糊解决办法

摘要：网页上的版权符号的html代码：©使用时要注意版权符号的字体，例如宋体就显示得模糊了：<span style="font-family:宋体;">©</span>效果：©那怎么解决呢？把字体换为合适的就可以了，例如使用Arial<span style="font-family:Arial;">©</span>效果：© 阅读全文

posted @ 2012-09-29 16:30 计划阅读(717) 评论(0) 推荐(0)

JS当前页面登录注册框，固定DIV，底层阴影

摘要：这是一个实例，保存代码为html文件运行试试吧。兼容火狐、ie6、ie7、ie8、Chrome等。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content 阅读全文

posted @ 2012-09-27 18:33 计划阅读(3117) 评论(0) 推荐(0)

DIV、CSS和JavaScript实现可隐藏并重现悬浮版块

摘要：如果经常上网，会发现有一些广告悬浮版块，点击隐藏，就只剩下一小块地方留在边缘，当鼠标本移到那小块地方时，广告就又非常积极的重新出现在你的视线。本实例使用DIV、CSS和JavaScript，实现了这个效果，在多种浏览器下测试通过。首先看一下效果图，该图是DIV版块悬浮在浏览器左边的效果：下图是DIV版块隐藏后只留下一个重现箭头的效果。废话少说，直接放代码：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>DIV、CSS和JavaScript实现可隐藏并重现悬浮版块 - 计划阅读全文

posted @ 2012-09-27 12:13 计划阅读(3030) 评论(0) 推荐(0)

z-index不生效的原因和解决方法

摘要：运行下面代码看看<div style="z-index:4;width:560px;background-color:Aqua; ">不生效 <a href="http://jihua.cnblogs.com">jihua.cnblogs.com</a></div><div style="z-index:3;width:360px;background-color:Fuchsia; position:absolute;">有效 <a href="http:// 阅读全文

posted @ 2012-09-25 16:08 计划阅读(5529) 评论(0) 推荐(1)

DIV CSS 居中代码(以及靠右)

摘要：实际效果预览：http://hovertree.com/texiao/css/6.htmDIV居中:DIV居中 CSS 代码 jihua.cnblogs.comDIV靠右：DIV靠右 CSS 代码 jihua.cnblogs.comDIV默认靠左：DIV靠左代码 jihua.cnblogs.comD... 阅读全文

posted @ 2012-09-25 10:56 计划阅读(19896) 评论(0) 推荐(0)

随笔分类 - CSS/HTML