存档

文章标签 ‘chrome’

浮动导航jquery代码

2012年8月15日
浮动导航jquery代码已关闭评论

最近发现自己的浮动导航有些不怎么漂亮,经过一番考虑采用jquery的浮动动画导航比较中意, 说干就做 首先,导航条的css样式 .menu-menu-container { background: url(‘images/nav-bg.png’) no-repeat 0; overflow: hidden; position: absolute; top: 250px; left: 50%; padding-left: 10px; margin-left: -515px; width: 1030px; height: 76px; z-index: 999; } 其次是导航条的动画效果jquery代码首先简单的动画效果 //浮动导航代码 $(function() { var $sidebar = $(“.menu-menu-container”), //menu-menu-container为导航div的class名称 $window = $(window), offset = $sidebar.offset(), topPadding = 0; $window.scroll(function() { if ($window.scrollTop() > offset.top) {  //判断导航条位置 $sidebar.stop().animate({  //jquery动画 marginTop: $window.scrollTop() – offset.top + topPadding  //设置导航浮动位置 }); } else { $sidebar.stop().animate({  //jquery动画 marginTop: 0 //设置导航浮动位置 }); } }); }); 最后可以用css3的渐变与阴影效果,可惜就是ie不支持css3效果,等以后大部分浏览器都支持css3就不用背景图片了!

more...

软件技巧 , ,

又是一年6月漫天飞雪,想起日本梦窗禅师的诗:青山几度变黄山,世事纷飞总不干,眼内有尘三界窄,心头无事一床宽。

2012年5月28日
又是一年6月漫天飞雪,想起日本梦窗禅师的诗:青山几度变黄山,世事纷飞总不干,眼内有尘三界窄,心头无事一床宽。已关闭评论

《折杨柳》李白 垂杨拂绿水,摇艳东风年。 花明玉关雪,叶暖金窗烟。 美人结长想,对此心凄然。 攀条折春色,远寄龙庭前。 《柳絮》白居易 三月尽是头白日,与春老别更依依。 凭莺为向杨花道,绊惹春风莫放归。 《柳絮》 刘禹锡 飘飏南陌起东邻,漠漠濛濛暗度春。 花巷暖随轻舞蝶,玉楼晴拂艳妆人。 萦回谢女题诗笔,点缀陶公漉酒巾。 何处好风偏似雪,隋河堤上古江津。 《杨花》吴融 不斗秾华不占红,自飞晴野雪濛濛。 百花长恨风吹落,唯有杨花独爱风。 《柳花词三首》刘禹锡 开从绿条上,散逐香风远。 故取花落时,悠扬占春晚。 轻飞不假风,轻落不委地。 撩乱舞晴空,发人无限思。 晴天闇闇雪,来送青春暮。 无意似多情,千家万家去。 《杨花落》杨巨源 北斗南回春物老,红英落尽绿尚早。 韶风澹荡无所依,偏惜垂杨作春好。 此时可怜杨柳花,荥盈艳曳满人家。 人家女儿出罗幕,静扫玉庭待花落。 宝环纤手捧更飞,翠羽轻裾承不著。 历历瑶琴舞金陈,菲红拂黛怜玉人。 东园桃李芳已歇,独有杨花娇暮春。

more...

生活 , , ,

时尚的CSS3进度条

2012年2月6日
时尚的CSS3进度条已关闭评论

时尚进度条 网络蛀虫小窝

more...

软件技巧 , , ,

在IE下使用Firebug的简单功能

2012年2月6日
在IE下使用Firebug的简单功能已关闭评论

朋友推荐了我一个web版firebug,适用大多数浏览器,确实不出,主要可以用于IE的CSS样式调试,因为IE developer toolbar和IE8自带的调试工具太难用了。 在网页head 部分上面 这个JS 即可使用web版firebug: “ <script type=”text/javascript” src=”https://getfirebug.com/firebug-lite.js”></script> ” 如果想查看在线的页面元素,版主给了如下方法: 1 <a href="javascript:(function(){var d=document, s=d.getElementById('firebug-lite');if(s!=null)return;s=d.createElement('script');s.type='text/javascript';s.src='https://getfirebug.com/firebug-lite.js';d.body.appendChild(s);})();void(0);">firebug-lite</a> 运行上面的HTML代码,在 “firebug-lite” 的连接上点右键选择“添加到收藏夹”(这个应该针对IE,chrome右键没有加入收藏),把这个连接添加到收藏夹。然后打开任意一个网页,打开后,在收 藏夹中找到刚才添加的这个,点一下,再等一小会儿,你就会看到 网页的右下角有“firebug”的这个工具了。 官网:http://www.getfirebug.com/firebuglite

more...

php mysql , , ,

Chrome 双击关闭

2010年6月2日

今天找了半天 Chrome的双击关闭插件!! 原来非常简单 ctrl+w 快捷键搞定!

more...

php mysql