一个jQuery弹出层(tipsWindown)

周三,2009 十一 25 00:24:44

弹出层效果网上很多很多，也没啥好说的了。写这个只是作为学习JQ的一些记录。此插件的一些方法参考了花匠的dialog；在此表示感谢。
接着说说这种弹出层的原理或者说是做法。总结下经验；首先需要一个遮罩层来实现灰色背景。我们可以创建一个z-index高于其他层的DIV。然后设为绝对定位。接着获取页面的高度并把它作为这个DIV的高度。这样背景层的问题就OK了；
阅读全文

Await | 前端交互, 资源分享 | [46] | 浏览：22,916

分享忆捷F3(8G)U盘量产并成功启动经验

周日,2009 七 5 17:48:53

前两天闲着没事想把我的忆捷F3(8G)U盘量产。虽然以前也听我一个朋友说过。但从没去了解这玩意，因为一直觉得用不到。接着就上百度搜索，找了很多资料。整个量产过程前前后后花了一下午时间，进行了6次。才发现网上很多的方法讲的不是很详细。最后经过不断的总结大家的方法，终于成功了。

下面详细的为大家介绍整个过程（注意：这里的方法并不适合大家的U盘。因为这不同的主控有不一样的量产工具）
阅读全文

Await | 资源分享 | [11] | 浏览：1,663

寻找Photoshop笔刷的15个好去处

周六,2009 七 4 02:55:19

Photoshop笔刷让你用自己喜欢的方式和主题来完成你的艺术作品或者是某个设计。网上现在有大量的免费笔刷提供下载，但是浩瀚的网站世界让你很难准确地找到你想要的那一款。本文就帮你发掘那些最优秀的笔刷出来，并把它们他们呈现在一个页面上。下面，向你推荐15个用以创建你自己笔刷集合的资源。
1、Blendfu
Blendfu获取Photoshop笔刷必备的一个网站：
阅读全文

Await | 资源分享 | [5] | 浏览：1,014

黑莓主题的改版总算完成了

周日,2009 六 7 16:26:34

这次改版很顺利，也没花多少时间。从设计到完成代码用了两天多时间；之所以这么快是因为主题是基于Dreamy这个主题的；大家可以看得出，有很多地方都相似，但细节方面有不少的修改；不废话了。看下最初的设计稿吧；当然也可以直接浏览黑莓的首页查看效果。
阅读全文

Await | WP相关, 设计交流 | [14] | 浏览：1,486

新主题预览图

周二,2009 三 31 21:26:23

自从发布Maxthon v2.0后，已经很久没有出新主题了。其中有太多原因了，其实也不是没有做，只是很多主题做到一半的时候就没在继续了，总是做着做着就觉得不行了。今天发布这个新主题的DEMO图，已经下定决心要把它做出来。当然具体时间不能确定。因为还有很多事情必须先解决，只能是不忙的时候来写代码了。好了，不哆嗦了，看图吧…[点击图片可以浏览原图]

Await | WP相关, 设计交流 | [10] | 浏览：1,390

从篱笆网提取的一个焦点图切换

周一,2009 三 30 22:33:21

今天群里的一个朋友看到这个焦点图，看了下，还蛮漂亮的，于是提出来分享下。这个焦点图是基于jQuery的。所以很合适放到WordPress里来。而且它的背景图是放在一张图上的。很大，要用的话得把里面焦点图部分单独切出来。看下效果图。
阅读全文

Await | 资源分享 | [1] | 浏览：930

Wondershare Flash SlideShow Builder v4.6.0 绿色版

周四,2009 三 26 13:41:00

前面介绍了一个FLASH相册：“功能强大的FLASH Galleryd——dfGallery 2.0”，今天再来看一个更加强大的软件：Wondershare Flash SlideShow Builder。

flash-slideshow-builder

Wondershare Flash SlideShow Builder是一个易于使用、但极具创意的工具，可以把图片变换成绚丽多彩带有动画模板、过渡效果、装饰及背景音乐的Flash幻灯片。
阅读全文

Await | 资源分享 | [3] | 浏览：2,024

功能强大的FLASH Galleryd——dfGallery 2.0

周三,2009 三 25 15:56:11

dfgallery-2.0

完整的功能列表：

1.可以方便地嵌入到BLOG、Facebook, Myspace…
2.可自定义主题和皮肤
3.集成Picasa和Flickr，可通过Flickr的API方式和Picasa的URL方式获取指定用户的相册
4.支持多用户相册展示，并且可以非常方便的进行切换
阅读全文

Await | 资源分享 | [4] | 浏览：1,414

北京奥运官方网站幻灯切换效果JS版

周四,2008 十一 6 08:54:38

Ifocus
我想对于这个焦点图片轮换大家都不陌生吧.不过原来的是FLASH版的.今天偶然看到一个JS版的.效果很酷.在这和大家分享下.

< !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>佐佐制造byzuo.cn---焦点图片第三季</title> <style type="text/css"> /* Reset style */ * { margin:0; padding:0; word-break:break-all; } body { background:#FFF; color:#333; font:12px/1.6em Helvetica, Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-size:1em; } a { color:#0287CA; text-decoration:none; } a:hover { text-decoration:underline; } ul, li { list-style:none; } fieldset, img { border:none; } legend { display:none; } em, strong, cite, th { font-style:normal; font-weight:normal; } input, textarea, select, button { font:12px Helvetica, Arial, sans-serif; } table { border-collapse:collapse; } html { overflow:-moz-scrollbars-vertical; } /*Always show Firefox scrollbar*/ /* iFocus style */ #ifocus { width:525px; height:245px; margin:20px; border:1px solid #DEDEDE; background:#F8F8F8; } #ifocus_pic { display:inline; position:relative; float:left; width:410px; height:225px; overflow:hidden; margin:10px 0 0 10px; } #ifocus_piclist { position:absolute; } #ifocus_piclist li { width:410px; height:225px; overflow:hidden; } #ifocus_piclist img { width:410px; height:225px; } #ifocus_btn { display:inline; float:right; width:91px; margin:9px 9px 0 0; } #ifocus_btn li { width:91px; height:57px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); } #ifocus_btn img { width:75px; height:45px; margin:7px 0 0 11px; } #ifocus_btn .current { background: url(http://www.byzuo.cn/demo/iFocus/img/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); } #ifocus_opdiv { position:absolute; left:0; bottom:0; width:410px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); } #ifocus_tx { position:absolute; left:8px; bottom:8px; color:#FFF; } #ifocus_tx .normal { display:none; } </style> <script type="text/javascript"> function $(id) { return document.getElementById(id); } function addLoadEvent(func){ var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function(){ oldonload(); func(); } } } function moveElement(elementID,final_x,final_y,interval) { if (!document.getElementById) return false; if (!document.getElementById(elementID)) return false; var elem = document.getElementById(elementID); if (elem.movement) { clearTimeout(elem.movement); } if (!elem.style.left) { elem.style.left = "0px"; } if (!elem.style.top) { elem.style.top = "0px"; } var xpos = parseInt(elem.style.left); var ypos = parseInt(elem.style.top); if (xpos == final_x && ypos == final_y) { return true; } if (xpos < final_x) { var dist = Math.ceil((final_x - xpos)/10); xpos = xpos + dist; } if (xpos > final_x) { var dist = Math.ceil((xpos - final_x)/10); xpos = xpos - dist; } if (ypos < final_y) { var dist = Math.ceil((final_y - ypos)/10); ypos = ypos + dist; } if (ypos > final_y) { var dist = Math.ceil((ypos - final_y)/10); ypos = ypos - dist; } elem.style.left = xpos + "px"; elem.style.top = ypos + "px"; var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")"; elem.movement = setTimeout(repeat,interval); } function classNormal(iFocusBtnID,iFocusTxID){ var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li'); var iFocusTxs = $(iFocusTxID).getElementsByTagName('li'); for(var i=0; i<ifocusbtns .length; i++) { iFocusBtns[i].className='normal'; iFocusTxs[i].className='normal'; } } function classCurrent(iFocusBtnID,iFocusTxID,n){ var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li'); var iFocusTxs = $(iFocusTxID).getElementsByTagName('li'); iFocusBtns[n].className='current'; iFocusTxs[n].className='current'; } function iFocusChange() { if(!$('ifocus')) return false; $('ifocus').onmouseover = function(){atuokey = true}; $('ifocus').onmouseout = function(){atuokey = false}; var iFocusBtns = $('ifocus_btn').getElementsByTagName('li'); var listLength = iFocusBtns.length; iFocusBtns[0].onmouseover = function() { moveElement('ifocus_piclist',0,0,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',0); } if (listLength>=2) { iFocusBtns[1].onmouseover = function() { moveElement('ifocus_piclist',0,-225,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',1); } } if (listLength>=3) { iFocusBtns[2].onmouseover = function() { moveElement('ifocus_piclist',0,-450,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',2); } } if (listLength>=4) { iFocusBtns[3].onmouseover = function() { moveElement('ifocus_piclist',0,-675,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',3); } } } setInterval('autoiFocus()',5000); var atuokey = false; function autoiFocus() { if(!$('ifocus')) return false; if(atuokey) return false; var focusBtnList = $('ifocus_btn').getElementsByTagName('li'); var listLength = focusBtnList.length; for(var i=0; i<listlength ; i++) { if (focusBtnList[i].className == 'current') var currentNum = i; } if (currentNum==0&&listLength!=1 ){ moveElement('ifocus_piclist',0,-225,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',1); } if (currentNum==1&&listLength!=2 ){ moveElement('ifocus_piclist',0,-450,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',2); } if (currentNum==2&&listLength!=3 ){ moveElement('ifocus_piclist',0,-675,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',3); } if (currentNum==3 ){ moveElement('ifocus_piclist',0,0,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',0); } if (currentNum==1&&listLength==2 ){ moveElement('ifocus_piclist',0,0,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',0); } if (currentNum==2&&listLength==3 ){ moveElement('ifocus_piclist',0,0,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',0); } } addLoadEvent(iFocusChange); </script> </listlength></ifocusbtns></script></head> <body> <div id="ifocus"> <div id="ifocus_pic"> <div id="ifocus_piclist" style="left:0; top:0;"> <ul> <li><a href="#"><img src="http://www.byzuo.cn/demo/iFocus/img/01.jpg" alt="" /></a></li> <li><a href="#"><img src="http://www.byzuo.cn/demo/iFocus/img/02.jpg" alt="" /></a></li> <li><a href="#"><img src="http://www.byzuo.cn/demo/iFocus/img/03.jpg" alt="" /></a></li> <li><a href="#"><img src="http://www.byzuo.cn/demo/iFocus/img/04.jpg" alt="" /></a></li> </ul> </div> <div id="ifocus_opdiv"></div> <div id="ifocus_tx"> <ul> <li class="current">火箭85-78马刺姚明依旧像新秀a1</li> <li class="normal">阿德尔曼：姚明进攻太犹豫火箭还有很长路要走b2</li> <li class="normal">阿联脚伤未出场卡特意外受伤网队加时险胜热队c3</li> <li class="normal">帕杜惊讶能留住郑智英媒称查尔顿升超要靠d4</li> </ul> </div> </div> <div id="ifocus_btn"> <ul> <li class="current"><img src="http://www.byzuo.cn/demo/iFocus/img/btn_01.jpg" alt="" /></li> <li class="normal"><img src="http://www.byzuo.cn/demo/iFocus/img/btn_02.jpg" alt="" /></li> <li class="normal"><img src="http://www.byzuo.cn/demo/iFocus/img/btn_03.jpg" alt="" /></li> <li class="normal"><img src="http://www.byzuo.cn/demo/iFocus/img/btn_04.jpg" alt="" /></li> </ul> </div> </div> </body> </html>

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

阅读全文

Await | 前端交互, 资源分享 | [3] | 浏览：752

最佳网页IE浏览器兼容性测试工具(IE6 IE7 IE8共存)

周日,2008 十一 2 21:47:00

对于很多拥有自己博客或者接触网页制作的朋友，肯定会遇到自己辛苦写好的页面在不同的浏览器下显示出来的效果截然不同吧，喜欢追求完美的朋友就肯定希望能尽量在不同浏览器下对页面进行测试并保证其正常显示了。当然，像FireFox、Safari、Opera等浏览器还可以随意地安装卸载，然而，最麻烦的莫过于微软的“IE”系列了。
阅读全文

Await | 前端交互, 资源分享 | [2] | 浏览：1,860

Pages

Categories

ARCHIVE

Meta

Search

About Me

Google Adsense

COMMENTS

SOMEe FRIENDS