2010 五月

明个儿是我生日，首先我感谢党感谢人民的政府，感谢cctv以及下属的各个tv，特别感谢中国足球和国家工信部。另外还要感谢社会各界对我的支持和爱护，尤其感谢给我们盖房子的叔叔们、为我们生产奶粉的的阿姨们和给我们的下一代生产注射防各种病毒疫苗的男女们。最最最需要感谢的是那些为我们操碎了心的操白了头操得全身流尽了汗甚至流出油的人民的公仆！另外附带也感谢一下我爸妈姐姐等亲人朋友！

过生日都兴许几个愿，下面就说说我的几个愿望：继续阅读 »

生活日志生日生活

2010-05-15

6,157
Views 19
Comment

其实，哥找的就是一段纯div无缝滚动js代码

昨天停电，老板让回去作业！过一会儿说是有个产品图片展示滚动不了！他的代码不管用了。说是让我找一个，我一想No problem。不就是一个滚动图片嘛，虽然我不懂js。翻出来自已收藏的代码，一看不太好用，而且还有表格在里时不时的露个黑乎乎的脑袋。于是到google里面搜索纯div的图片向左无缝滚动代码。其实以前也搜过，没搜索到好用的，后来又加上懒，做好页面都直接交给程序不管了~~汗继续阅读 »

前端开发,焦点网谈前端开发纯div无缝滚动

2010-05-12

8,812
Views 48
Comment

有关卢松松博客的一些话

开博有近二十天了，对于博客也有了些小小的认识！也看过一些比较有名的博客，像PROWER、卢松松，老七，牟长青等大腕！这些牛人博主让人佩服，各有一套拳路，在博客界也混出了片天地。我是新手，对于这些名博也没有什么比较深的见解，只能有一些比较浅显的认知。

我几乎每天都逛的是卢松松博客，因为这里人气旺，风水好！也看一些对于老卢博客分析看法的一些文章。现在就说说我对卢松松博客的一些小小的看法，也许有人已经写过，也许还没人写过，写得好说声这小子还可以，写得不好莫砸鸡蛋，权当解一时无聊心情。继续阅读 »

焦点网谈卢松松焦点网谈

2010-05-12

3,247
Views 10
Comment

<!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-Type" content="text/html; charset=utf-8" /> <title>dropdown˵--A CROSS BROWSER DROP DOWN CASCADING VALIDATING MENU</title> <style type="text/css"> /* common styling */ /* set up the overall width of the menu div, the font and the margins */ .menu { font-family: arial, sans-serif; width:1000px; margin:0; margin:50px auto; } /* remove the bullets and set the margin and padding to zero for the unordered list */ .menu ul { padding:0; margin:0; list-style-type: none; } /* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */ .menu ul li { float:left; position:relative; } /* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */ .menu ul li a, .menu ul li a:visited { display:block; text-align:center; text-decoration:none; width:80px; height:30px; color:#000; border:1px solid #fff; border-width:1px 1px 0 0; background:#c9c9a7; line-height:30px; font-size:11px; } /* make the dropdown ul invisible */ .menu ul li ul { display: none; } /* specific to non IE browsers */ /* set the background and foreground color of the main menu li on hover */ .menu ul li a:hover { color:#fff; background:#b3ab79; } /* make the sub menu ul visible and position it beneath the main menu list item */ .menu ul li:hover ul { display:block; position:absolute; top:31px; left:0; width:79px; } /* style the background and foreground color of the submenu links */ .menu ul li:hover ul li a { display:block; background:#faeec7; color:#000; } /* style the background and forground colors of the links on hover */ .menu ul li:hover ul li a:hover { background:#dfc184; color:#000; } </style>  </head> <body> <div class="menu"> <ul> <li><a class="hide" href="http://www.tonjay.com">DEMOS</a>  <ul> <li><a href="http://www.tonjay.com" title="The zero dollar ads page">zero dollars</a></li> <li><a href="http://www.tonjay.com" title="Wrapping text around images">wrapping text</a></li> <li><a href="http://www.tonjay.com" title="Styling forms">styled form</a></li> <li><a href="http://www.tonjay.com" title="Removing active/focus borders">active focus</a></li> <li><a href="http://www.tonjay.com" title="Multi-position drop shadow">shadow boxing</a></li> <li><a href="http://www.tonjay.com" title="Image Map for detailed information">image map</a></li> <li><a href="http://www.tonjay.com" title="fun with background images">fun backgrounds</a></li> <li><a href="http://www.tonjay.com" title="fade-out scrolling">fade scrolling</a></li> <li><a href="http://www.tonjay.com" title="em size images compared">em sized images</a></li> </ul>  </li> <li><a class="hide" href="http://www.tonjay.com">MENUS</a>  <ul> <li><a href="http://www.tonjay.com" title="a coded list of spies">spies menu</a></li> <li><a href="http://www.tonjay.com" title="a horizontal vertical menu">vertical menu</a></li> <li><a href="http://www.tonjay.com" title="an enlarging unordered list">enlarging list</a></li> <li><a href="http://www.tonjay.com" title="an unordered list with link images">link images</a></li> <li><a href="http://www.tonjay.com" title="non-rectangular links">non-rectangular</a></li> <li><a href="http://www.tonjay.com" title="jigsaw links">jigsaw links</a></li> <li><a href="http://www.tonjay.com" title="circular links">circular links</a></li> </ul>  </li> <li><a class="hide" href="http://www.tonjay.com">LAYOUTS</a>  <ul> <li><a href="http://www.tonjay.com" title="Cross browser fixed layout">Fixed 1</a></li> <li><a href="http://www.tonjay.com" title="Cross browser fixed layout">Fixed 2</a></li> <li><a href="http://www.tonjay.com" title="Cross browser fixed layout">Fixed 3</a></li> <li><a href="http://www.tonjay.com" title="Cross browser fixed layout">Fixed 4</a></li> <li><a href="http://www.tonjay.com" title="A simple minimum width layout">minimum width</a></li> </ul>  </li> <li><a class="hide" href="http://www.tonjay.com">BOXES</a>  <ul> <li><a href="http://www.tonjay.com" title="a coded list of spies">spies menu</a></li> <li><a href="http://www.tonjay.com" title="a horizontal vertical menu">vertical menu</a></li> <li><a href="http://www.tonjay.com" title="an enlarging unordered list">enlarging list</a></li> <li><a href="http://www.tonjay.com" title="an unordered list with link images">link images</a></li> <li><a href="http://www.tonjay.com" title="non-rectangular links">non-rectangular</a></li> <li><a href="http://www.tonjay.com" title="jigsaw links">jigsaw links</a></li> <li><a href="http://www.tonjay.com" title="circular links">circular links</a></li> </ul>  </li> <li><a class="hide" href="http://www.tonjay.com">MOZILLA</a>  <ul> <li><a href="http://www.tonjay.com" title="A drop down menu">drop down menu</a></li> <li><a href="http://www.tonjay.com" title="A cascading menu">cascading menu</a></li> <li><a href="http://www.tonjay.com" title="Using content:">content:</a></li> <li><a href="http://www.tonjay.com" title=":hover applied to a div">mozzie box</a></li> <li><a href="http://www.tonjay.com" title="I can build a rainbow">rainbow box</a></li> <li><a href="http://www.tonjay.com" title="Snooker cue">snooker cue</a></li> <li><a href="http://www.tonjay.com" title="Target Practise">target practise</a></li> <li><a href="http://www.tonjay.com" title="Two tone headings">two tone headings</a></li> <li><a href="http://www.tonjay.com" title="Shadow text">shadow text</a></li> </ul>  </li> <li><a class="hide" href="http://www.tonjay.com">EXPLORER</a>  <ul> <li><a href="http://www.tonjay.com" title="Example one">example one</a></li> <li><a href="http://www.tonjay.com" title="Weft fonts">weft fonts</a></li> <li><a href="http://www.tonjay.com" title="Vertical align">vertical align</a></li> </ul>  </li> <li><a class="hide" href="http://www.tonjay.com">OPACITY</a>  <ul> <li><a href="http://www.tonjay.com" title="colour wheel">opaque colours</a></li> <li><a href="http://www.tonjay.com" title="a menu using opacity">opaque menu</a></li> <li><a href="http://www.tonjay.com" title="partial opacity">partial opacity</a></li> <li><a href="http://www.tonjay.com" title="partial opacity II">partial opacity II</a></li> </ul>  </li> </ul>  <div class="clear"> </div> <div style="width:800px; height:100px; background:#000;"></div> </div> </body> </html>

提示：你可以先修改部分代码再运行。

这些天有点忙，没时间写些原创性的博文了，汗！这个纯css的导航下拉菜单，不负责任的放上来充个数！
2011-01-06日注：以前的那个不太兼容ie6,所以给删除了，换了一个，这个代码的下拉菜单的宽度需要固定一下！

前端开发下拉菜单前端开发

2010-05-11

1,661
Views 9
Comment

老邓的《网站优化》学习笔记

对于新用户，网站只有不到2分钟的介绍时间。其中，花在主页上的时间只有半分钟，这半分钟里大部分的时间用于决定下一步去哪里，而不是逐字阅读那些内容。成人每分钟阅读200-300个单词，所以，更为实际的做法是把网站的介绍用10到20个单词就讲清楚。用户会在内部页面上花1分钟，但这一分钟里的一部分时间会用于评估网站的导航系统以及决定下一步去哪里。所以，有可能会阅读100个单词量的信息。

用户要完成任务时，88%的情况下会先去搜索引擎，只有12%的情况下才会直接去一个他们希望对问题能有所帮助的网站(Expedia也不例外)。搜索引擎只理解真正的文字，所以它们可以算是世界上最有影响力的盲人用户。继续阅读 »

推广优化学习笔记推广方法

第 1 页，共 2 页12 »

一只人的异想世界：关注生活，关注网络

世界无烟日，见鬼去吧

弘一网童——网页上的FLASH图片文档保存利器

九十年代的碎片

明个儿是我生日

其实，哥找的就是一段纯div无缝滚动js代码

有关卢松松博客的一些话

纯css导航下拉菜单代码有点简洁噢

老邓的《网站优化》学习笔记

近期文章

热门文章