2006年04月21日

原文链接 http://www.sacredcowdung.com/archives/2006/03/all_things_web.html


Everything Web 2.0

AUDIO 2.0

 

BLOG2POD 2.0

 

BLOGGING 2.0

 

BOOKMARKING 2.0

 

BROWSER 2.0

 

CALENDAR 2.0

 

CHAT 2.0

 

COLLABORATION 2.0

 

COLLECT 2.0

 

COMIX 2.0

 

COMMUNICATION 2.0

 

COMMUNITY 2.0

 

CRM 2.0

 

DBASE 2.0

 

DESIGN 2.0

 

DICTIONARY 2.0

 

ECOMMERCE 2.0

 

ECONOMY 2.0

 

E-LEARNING 2.0

 

EMAIL 2.0

 

FILESHARING 2.0

 

FINANCIALS 2.0

 

FUN 2.0

 

GAMBLING 2.0

 

GAMES 2.0

 

HOSTING 2.0

 

IDENTITY 2.0

 

IMAGES 2.0

IMAGING 2.0

 

 

JOBS 2.0

 

KNOWLEDGE 2.0

LISTS 2.0

 

MAPPING 2.0

 

MARKETING 2.0

MEMO 2.0

 

MULTIMEDIA 2.0

 

NEWS 2.0

 

OFFICE 2.0

 

OS 2.0

 

OUTLOOK 2.0

 

PERSONAL MANUFACTURING 2.0

 

POLLS 2.0

 

PORN 2.0

 

PORTAL 2.0

 

POWERPOINT 2.0

 

PROJECTS 2.0

 

PUBLISHING 2.0

 

READ 2.0

 

RSS 2.0

 

SCHEDULING 2.0

 

SEARCH 2.0

 

SOFTWARE 2.0

 

STATS 2.0

 

TAGGING 2.0

 

TASK MANAGER 2.0

 

TEXT 2.0

 

TEXT2SPEECH 2.0

 

TIME MANAGEMENT 2.0

 

TRACK & TRACE 2.0

 

VIDEO 2.0

 

VOICE2MAIL

 

VOICEMAIL 2.0

 

WEB2FEED

 

WI-FI 2.0

  • Fon – Share, buy, sell wi-fi connections. www.fon.com

 

WIKI 2.0

 

WISHLIST 2.0

 

WORD 2.0

 

WRITE 2.0

2006年04月04日

Jscript有些属性其实挺好的,可惜就是只是IE支持,比如复制和粘贴的属性
下面这段复制和粘贴的JAVASCRIPT的代码倒是可以支持IE/FireFox/mozilla/ns,,老外站点上看来的
只是在firefox下需要修改一下about:config的一个属性

<script language="javascript" type="text/javascript">
<!–
function copy_clip(meintext)
{
 if (window.clipboardData)
   {
  
   // the IE-manier
   window.clipboardData.setData("Text", meintext);
  
   // waarschijnlijk niet de beste manier om Moz/NS te detecteren;
   // het is mij echter onbekend vanaf welke versie dit precies werkt:
   }
   else if (window.netscape)
   {
  
   // dit is belangrijk maar staat nergens duidelijk vermeld:
   // you have to sign the code to enable this, or see notes below
   netscape.security.PrivilegeManager.enablePrivilege(‘UniversalXPConnect’);
  
   // maak een interface naar het clipboard
   var clip = Components.classes['@mozilla.org/widget/clipboard;1']
                 .createInstance(Components.interfaces.nsIClipboard);
   if (!clip) return;
  
   // maak een transferable
   var trans = Components.classes['@mozilla.org/widget/transferable;1']
                  .createInstance(Components.interfaces.nsITransferable);
   if (!trans) return;
  
   // specificeer wat voor soort data we op willen halen; text in dit geval
   trans.addDataFlavor(‘text/unicode’);
  
   // om de data uit de transferable te halen hebben we 2 nieuwe objecten
   // nodig om het in op te slaan
   var str = new Object();
   var len = new Object();
  
   var str = Components.classes["@mozilla.org/supports-string;1"]
                .createInstance(Components.interfaces.nsISupportsString);
  
   var copytext=meintext;
  
   str.data=copytext;
  
   trans.setTransferData("text/unicode",str,copytext.length*2);
  
   var clipid=Components.interfaces.nsIClipboard;
  
   if (!clip) return false;
  
   clip.setData(trans,null,clipid.kGlobalClipboard);
  
   }
   alert("Following info was copied to your clipboard:\n\n" + meintext);
   return false;
}
//–>
</script>


notes about security:

a cause of the tight security settings in mozilla you have to sign the
javascript to make it work another way is to change your
firefox/mozilla settings



to do this add this line to your prefs.js file in your firefox/mozilla user profile directory



user_pref("signed.applets.codebase_principal_support", true);



or change it from within the browser with calling the "about:config" page

原文链接;:http://www.krikkit.net/howto_javascript_copy_clipboard.html

2006年04月01日

It uses an anchor link for the effect, because that is the only thing that Internet Explorer allows the :hover psuedo-class to work with. While my example page only has #
linked to, this could easily be pointed to a full version of the
respective images, or a website if you decide to use it for a design
portfolio. For now, it uses photos taken by family / friends (not pros)……………….

演示地址;:http://host.sonspring.com/hoverbox/
DEMO下载

2006年03月23日

作者站点链接;
http://pro.html.it/niftycube/

例子:
http://pro.html.it/niftycube/nifty2.html

在做WEB设计的时候,,一般遇见圆角效果都用图片来实现.其实也可以用css+javascript实现
至于直接用圆角图片,,还是用JAVASCRIPT+CSS来模拟圆角效果,,那个更好,个人认为用图片来的简单一点,从代码量和圆角图片大小的对比来说,,也是图片小很多,,不过用JS也有好处,,就是不会PS的人可以偷懒,还有写成通用的类,可以随时引用
有兴趣的人可以从这个效果的JS和CSS,学到不少东西
作者说;:
Now, Nifty Corners are fully supported also
in Internet Explorer 5.5, covering a very wide range of modern
browsers: the examples that we’ll see in this article have been
successfully tested
in IE6, IE5.5, Opera 7.6, Firefox 1.0 and Safari 1.1.

另外一个我觉得也比较BT的JS+CSS模拟效果

http://www.webreference.com/programming/css_borders/examples/krazy.htm

2006年03月04日

网上看到的代码,整理了一下
配好颜色以后,自己把相应的代码添加进去就可以了
也可以将下面的代码复制后另存页面到自己电脑使用

试用 DoNews Blog 配色器



2006年02月05日

雨崩是佛教圣地之一,是藏民内转经途中的必经之地,每年都有不少藏民带着虔诚的心,不远千里来到这里朝拜。在宗教的传说里,藏民一生中必须绕梅里雪山转一周,灵魂才能升入天堂。在转梅里雪山之前,必须先到雨崩朝圣领取转经的“钥匙”。

   
“雨崩”意为经书,村名与离村子不远的“石纂天书”胜境有着密切的关系。雨崩村依山傍
水,风光秀美,附近的箐沟里,更有冰瀑悬挂在数十丈高的峭壁上,如银河倾泻,匹练舞空
,景色壮美。传说,雨崩的瀑布是卡瓦格博尊神从天上取回的圣水,能占卜人的命运,还能
消灾免难,赐恩众生。因此,藏传佛教信徒朝拜梅里雪山,必定要沐浴雨崩神瀑,而要到神 瀑朝拜,首先要到雨崩村口的那个锥形巨石下面取钥匙。

4,5月的季节最好,杜鹃花开满山谷

雪山前的下雨崩的神瀑客栈


前往大本营,冰湖的路上


笑农登山大本营,,又叫笑农杜鹃花谷

冰湖


在大本营看卡瓦格博


雨崩村的生活状态




进入雨崩的交通工具,,除了自己的腿,,就是骡马,,雨崩村有几台手扶拖拉机,,都是在西当温泉处,,拆散,,背进雨崩村,,然后组装起来的


大清早拾柴的老阿妈


早上,,赶着牦牛,,骡马放牧,,是雨崩村生活的开始

卡瓦格博—-日照金顶


梅里全景




神女峰和五冠峰


五冠峰


将军峰


五冠峰近景



梅里13塔


梅里日落

2006年01月06日

原理:
在页面动态植入一个DIV,然后用javascript将博客文章分类当航数据提取出来,并重新排序,设置导航的样式,具体效果看本BLOG的导航效果.原理可以用在一些其他的应用上
文章分类数据的提取是JS利用H3和UL的在页面的标签位置获得,不同BLOGGER可能加的东西不一样,位置也不一样,需要找到相应的位置,,既代码中的数字[3],[1]
CSS代码,定义这个导航DIV的样式,,导航的放置位置,,也可调节相应的数值来控制:

从介绍看,还是很有吸引力去了解一下这个JAHAH,http://www.blogmatrix.com/tls/jahah/

What is JAHAH?

JAHAH is an AJAX-like technology for ‘mashing’ web pages together.

  • It is easy for web page authors to include JAHAH documents
  • It is easy for content producers to create JAHAH documents
  • JAHAH documents can be included "cross-domain", unlike most AJAX technologies
  • JAHAH documents are search engine friendly

Where does JAHAH come from?

JAHAH is based on existing ideas and technology:

  • AHAH is technology for directly including HTML fragments using AJAX
  • JSON is a scripting-language friendly way of transmitting
    data across the web (that works cross-domain)
  • JSONP is an incremental improvement to JSON that allows
    the document requestor to specify an arbitrary prefix to be returned
    prepended to the result

JAHAH Web Service Description

A web service that provides JAHAH documents must behave as following:

  • If there is a ‘jsonp’ parameter, it must return:

    • the value of that parameter, followed by
    • if everything’s OK: a JSON dictionary with ‘html’ containing the payload
    • if there’s a problem: a JSON dictionary with ‘error’ containing the error message
  • If there is no ‘jsonp’ parameter, or it is empty, the webservice must
    return an HTML document, where the BODY of the document is the payload

It is also acceptable, though not encouraged, to return only a string with the payload rather than
a dictionary. It is OK to return other values with the dictionary, excepting that
all single letter keys are reserved
.

How do I include JAHAH in my document?

You are free to do this anyway you like if you don’t care for what we’ve done here.
However, we do provide some pretty nifty tools if you want to try them. Note that
do not add the ‘jsonp’ parameter to URIs here — our code provides this function
automatically to callback to the correct places.

NOTE: our JAHAH tools use MochiKit. We include a copy
in our little source distribution for now, but we may take it out
if this thing starts rolling.

2005年12月22日

写了个SlideShow的原型,利用image的complete,判断图片是否调用完全,调用完全以后才显示,否则是LOADING的图片,还考虑的是
1.每调用一张图片之前先出现loading的过程,
2.调用图片中不会因为网速和图片过大而未显示全,直接跳到下一张,要按顺序一张一张播放.
3.第一次 播放的时候,因为调用图片会慢一点,重新播放是调用CACHE里的,速度就快了

代码如下:

在线运行演示