随笔分类 - CSS/HTML
font-family中文字体示例
摘要:效果网址:http://www.keleyi.com/keleyi/phtml/ch_font_family.htm<div style="font-family:KaiTi_GB2312;font-size:36px;">柯乐义 Keleyi.Com KaiTi_GB2312 楷体_GB2312</div><div style="font-family:FangSong_GB2312;font-size:36px;">柯乐义 Keleyi.Com FangSong_GB2312 仿宋_GB2312</div&g
阅读全文
CSS选择器大全
摘要:对于非元素内联的样式需要定义样式选择器,通俗的说就是这个样式适合哪些元素,样式选择器有:标签选择器,class选择器,id选择器,关联选择器,组合选择器,伪选择器1.标签选择器对于指定标签采用统一的标签;<head><style type="text/css">input{border-color:Yellow;color:Red}</style></head>2.class选择器以定义一个命名的样式,然后在用它的时候设定元素的class属性为样式,还可以同时设定多个class,名称之间加空格。<head><
阅读全文
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>
阅读全文
CSS3实现DIV圆角完整代码
摘要:本实例是CSS3实现DIV圆角。实现圆角的CSS3代码句是: "border-radius: 20px;" 。需使用支持CSS3的浏览器运行,例如新版的Chrome、火狐,或者IE9以上。IE6、7、8不支持。在线预览效果:http://hovertree.com/texiao/css/4.htm画...
阅读全文
jQuery弹出窗口完整代码
摘要:效果体验:http://keleyi.com/keleyi/phtml/jqtexiao/1.htm web前端汇总 :http://www.cnblogs.com/jihua/p/webfront.html
阅读全文
jquery树形菜单完整代码
摘要:本实例实现了树形的动态菜单,兼容IE8,火狐,Chrome等浏览器。使用了jQuery的toggle() 方法。效果和代码如下:http://keleyi.com/keleyi/phtml/jqmenu/6.htm 1 2 3 4 5 jquery的树形菜单代码 - 计划 - 博客...
阅读全文
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
阅读全文
版权符号模糊解决办法
摘要:网页上的版权符号的html代码:©使用时要注意版权符号的字体,例如宋体就显示得模糊了:<span style="font-family:宋体;">©</span>效果:©那怎么解决呢?把字体换为合适的就可以了,例如使用Arial<span style="font-family:Arial;">©</span>效果:©
阅读全文
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
阅读全文
DIV、CSS和JavaScript实现可隐藏并重现悬浮版块
摘要:如果经常上网,会发现有一些广告悬浮版块,点击隐藏,就只剩下一小块地方留在边缘,当鼠标本移到那小块地方时,广告就又非常积极的重新出现在你的视线。本实例使用DIV、CSS和JavaScript,实现了这个效果,在多种浏览器下测试通过。首先看一下效果图,该图是DIV版块悬浮在浏览器左边的效果:下图是DIV版块隐藏后只留下一个重现箭头的效果。废话少说,直接放代码:<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>DIV、CSS和JavaScript实现可隐藏并重现悬浮版块 - 计划
阅读全文
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://
阅读全文
DIV CSS 居中代码(以及靠右)
摘要:实际效果预览:http://hovertree.com/texiao/css/6.htmDIV居中:DIV居中 CSS 代码 jihua.cnblogs.comDIV靠右:DIV靠右 CSS 代码 jihua.cnblogs.comDIV默认靠左:DIV靠左代码 jihua.cnblogs.comD...
阅读全文