ICOjump - 交互设计是衔接用户与产品的工具 | 交互设计是衔接用户与产品的工具

[彩蛋]搜狗拼音的火星文

2007年05月28日

搜狗输入法是近期比较火的软件，本人使用后，发现其比起智能abc，输入字更快些，而且。。我发现了一个小彩蛋，不知道火星不火星

就是在输入字的时候按键盘上面的【~】或【`】这个键，就会有特殊的效果哦

0个评论标签: 乐趣分享

一个很不错的图片淡入淡出效果

2006年10月25日

鼠标移动一下，就会显示图片了。淡入淡出效果。不错哦 ->

<script>
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
theobject=which2
highlighting=setInterval("lowlightit(theobject)",50)
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
function lowlightit(cur2){
if (cur2.filters.alpha.opacity>0)
cur2.filters.alpha.opacity-=10
else if (window.highlighting)
clearInterval(highlighting)
}
</script>
<a href="#"><img src="http://www.blueidea.com/img/common/logo.gif" onMouseOut="low(this)" onMouseOver="high(this)" style="FILTER: alpha(opacity=0)" border="0"></a>

0个评论标签: javascript

btchina效果(2个鼠标效果，1个显示div，1个悬停)

2006年08月21日

<script>
var timer=null;
</script>
<center>
<a href="#" onclick="return false" onmouseover="disp1()" onmouseout="timer=setTimeout('hide()',500)">Blueidea Web Team
</a>
<div id="mydiv" style="position:absolute;visibility:hidden;border:1px black solid;background-color:yellow;padding:10px;line-height:140%" onmouseover="clearTimeout(timer)" onmouseout="setTimeout('hide()',500)">
科技新闻<br />
社会新闻<br />
<img src="<a href="http://bbs.blueidea.com/customavatars/Sheneyan.gif" target="_blank">http://bbs.blueidea.com/customavatars/Sheneyan.gif</a>"><br />
娱乐新闻<br />
金翅擘海<br />
</div>
<script>
function hide() {
mydiv.style.visibility="hidden";
}
function disp1(){
mydiv.style.visibility="visible";
mydiv.style.left=event.srcElement.offsetLeft;
mydiv.style.top=event.srcElement.offsetTop+event.srcElement.offsetHeight-2;
}
</script>

<style type=text/css>BODY {
OVERFLOW: scroll; OVERFLOW-X: hidden
}
.DEK {
POSITION: absolute; VISIBILITY: hidden; Z-INDEX: 200
}
A.js:link {
COLOR: #ff0000; LINE-HEIGHT: 120%; TEXT-DECORATION: none
}
A.js:visited {
COLOR: #ff0000; LINE-HEIGHT: 120%; TEXT-DECORATION: none
}
A.js:hover {
COLOR: #ff3300; LINE-HEIGHT: 120%; TEXT-DECORATION: underline
}
A.js:active {
COLOR: #ff3300; LINE-HEIGHT: 120%; TEXT-DECORATION: underline
}
</style>
<center>
<table border=0 cellPadding=0 cellSpacing=0 height="42%" width="36%">
<tbody>
<tr>
<td align=middle><br />
<div class=dek id=dek style="left: 67px; top: 66px; width: 289px; height: 17px"></div>
<script type=text/javascript>
Xoffset=-60;
Yoffset= 20;
var nav,old,iex=(document.all),yyy=-1000;
if(navigator.appName=="Netscape"){(document.layers)?nav=true:old=true;}
if(!old){
var skn=(nav)?document.dek:dek.style;
if(nav)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=get_mouse;
}
function popup(msg,bak){
var content="<table WIDTH=150 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+
"BGCOLOR="+bak+"><td ALIGN=center><font COLOR=black SIZE=2>"+msg+"</font></td></table>";
if(old){alert(msg);return;}
else{yyy=Yoffset;
if(nav){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(iex){document.all("dek").innerHTML=content;skn.visibility="visible"}
}
}
function get_mouse(e){
var x=(nav)?e.pageX:event.x+document.body.scrollLeft;skn.left=x+Xoffset;
var y=(nav)?e.pageY:event.y+document.body.scrollTop;skn.top=y+yyy;
}
function kill(){
if(!old){yyy=-1000;skn.visibility="hidden";}
}
</script>
<a href="#" onmouseout=kill()
onmouseover="popup('这里是链接一的提示<br />可以定义不同的背景颜色以及链接等等','lightgreen')"
;>演示链接一</a> <a href="#" onmouseout=kill()
onmouseover="popup('这里是链接二的提示<br />可以定义不同的背景颜色以及链接等等','lightblue')"
;>演示链接二</a></td>
</tr></tbody></table>