这是我从一个冷笑话网站(dui.lu)上看到的一个jQuery特效,觉得蛮有意思的,所以就发出来给大家“误乐误乐”。并且其中还使用到了CSS3的属性(transform:scaleX(
当你打开页面以后,你会发现有各种“蛋疼”+“神经质”的人物在屏幕上灰来灰去,此时把你拿鼠标点上去,那些“人物”就会改变运动轨迹和运动方向。 [ 查看全文... ]
December
2012
这是我从一个冷笑话网站(dui.lu)上看到的一个jQuery特效,觉得蛮有意思的,所以就发出来给大家“误乐误乐”。并且其中还使用到了CSS3的属性(transform:scaleX(
当你打开页面以后,你会发现有各种“蛋疼”+“神经质”的人物在屏幕上灰来灰去,此时把你拿鼠标点上去,那些“人物”就会改变运动轨迹和运动方向。 [ 查看全文... ]
December
2012
不知你有没注意到我的网站首页,上面浮动着一层雪花的背景,并且随着鼠标的移动也在移动着。
本文主要讲述了如何判断鼠标的位置,从而实现图片跟随鼠标进行浮动。为了方便查看和理解,在Demo的左下角把各个参数都打印了出来。
CSS CODE:
<style type="text/css"> *{ margin:0; padding:0;} body{ font-family:Arial; font-size:12px; background:url(bg.png) no-repeat; background-position:center center; background-attachment:fixed;} input{ width:100px;} span{ display:inline-block; width:120px;} #window{ color:white; position:absolute; bottom:10px; left:10px;} #coordinate{ color:white; position:absolute; bottom:35px; left:10px;} #location{ color:white; position:absolute; bottom:60px; left:10px;} #float_bg{ width:2496px; height:1060px; background:url(float_bg.png) no-repeat; position:fixed;} </style>
December
2012
现在常常能看到一些网站(如:新浪微博和花瓣)导航条或工具栏固定在网页的顶部或其他地方。这样的布局方式,能便于用户点击和“曝光率”,不用每次都要把网页拖动到某个特定位置才能点击或看到。
其实这样的布局方式很早就有,只是没有那么个契机推广开吧。做起来也不复杂,只要设置一个小小的属性“position:fixed”便能完成,最关键的无不呼在于要兼容IE6而已。
首先我们来看HTML代码,是不是超简单?这里提供的只是一个简单的框架,实际应用的时候,只要把想要的元素添加东西就在这区域内加就行。
HTML CODE:
<div id="header">Default header. No absolute and fixed.</div> <div id="topToolbar">Fixed at the top of the Toolbar.</div> <div id="content"> <p>此处省略1000字...</p> </div> <div id="bottomToolbar">Fixed at the bottom of the Toolbar. By Bluesdream.com</div>
December
2012
圣诞将至,马路上、公司里到处洋溢着圣诞的氛围。所以趁着项目空档期,我便把网站调整了一下,也算是赶个潮流应个景吧。说来也巧,本文正好是我博客的第100篇文章。从09年初创建,到如今已走过了近5个年头,经历过多次的搬家、调整和种种原因,直到现在才认真打理起来。最后希望能把网站越搞越好吧~
调整内容:
1. 为了应景,将网站首页的悬浮层图片,换成了雪花。 [ 查看全文... ]
December
2012
翻啊翻...又翻到个早已遗忘在角落的存货...
这个插件,是之前应间应同事需求而写的。功能也比较简单,主要是为了实现点击某个区域,弹出个浮动层,显示相关的介绍。
JAVASCRIPT CODE:
$(function(){ $(".unfoldLayer").UblueFloatLayer({ floatLayer:"floatLayer", //设置浮动层 offsetMode:"center", //设置对齐方式 (默认值center 可选参数:Left、center) offsetTop:"6", //设置上间距(默认值0 可负值) offsetLeft:"0" //设置左间距(默认值0 可负值) }); });
December
2012
中新网12月10日电 据中国政府网消息,国务院办公厅日前发布关于2013年部分节假日安排的通知。根据国务院《关于修改<全国年节及纪念日放假办法>的决定》,为便于各地区、各部门及早合理安排节假日旅游、交通运输、生产经营等有关工作,经国务院批准,现将2013年元旦、春节、清明节、劳动节、端午节、中秋节和国庆节放假调休日期的具体安排通知如下。
一、元旦:1月1日至3日放假调休,共3天。1月5日(星期六)、1月6日(星期日)上班。
二、春节:2月9日至15日放假调休,共7天。2月16日(星期六)、2月17日(星期日)上班。 [ 查看全文... ]