小繁的Blog » 小繁

简单的手风琴效果

under java script- 学习笔记 2010-06-14 pm

<!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=gb2312" />
<title>jQuery,简单手风琴效果|小繁的blog</title>
</head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<link rel="stylesheet" href="/normal.css" />
<style type="text/css">
.wrapper_box {
background-color:#FFFFFF;
margin:0 auto;
padding:8px 10px;
width:916px;
}
#imageMenu {
height:421px;
overflow:hidden;
position:relative;
width:916px;
}
#imageMenu ul {
display:block;
height:421px;
width:1500px;
}
#imageMenu ul li {
float:left;
}
#imageMenu ul li a {
background:#FFFFFF none no-repeat left top;
border-right:5px solid #FFFFFF;
cursor:pointer;
display:block;
height:421px;
overflow:hidden;
text-indent:-1000px;
width:224px;
}
#imageMenu ul li.stap1 a {
background:#FFFFFF url(http://www.dshos.com/images/step1.jpg) no-repeat left top;
}
#imageMenu ul li.stap2 a {
background:#FFFFFF url(http://www.dshos.com/images/step2.jpg) no-repeat scroll left top;
}
#imageMenu [...]

Tags:jQuery

Continue to Read

2

腾讯Q组内部考核题

under 学习笔记 2010-02-27 pm

这个是从Hemin那里看到的,我没找鬼哥要,刚好没见过,就拿来练手了.题目的综合性还是比较大.
详细的题目要求还是从这里看吧:
http://www.hemin.cn/demo/tengxunMS10-01-17/考核题关注.doc
http://www.hemin.cn/demo/tengxunMS10-01-17/q_group.psd

<!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>QQ群空间</title>
<link rel="stylesheet" href="http://www.aiyooo.net/demo/qqgroup/qqgroup.css" type="text/css" />
</head>
<body>
<div id="header">
<div id="nav">
<a href="http://www.aiyooo.net/blog/" title="tencent" id="logo">Tencent QQ群</a>
<div class="abc">
[...]

Tags:面试题

Continue to Read

6

无耻的服务商！

under 那些事 2010-01-21 pm

被广告了，杯具了n个月!
似乎是网通被联通合并不久后。每天都会在浏览器里出现广告，从转向劫持到广告页面再到现在更隐蔽的站内弹出浮动广告,让用户以为是网站的弹出广告.联通的流氓行为越来越让人无法接受！问题似乎并只出现在石家庄的用户，保定廊坊均如此！
开始还以为是浏览器杯具了，检查了系统Ie，Firefox还是被广告困扰。搜索之后发现原来不只是我这样，都以为是DNS劫持，换成Google的DNS后还是被流氓了。搞半天是路由劫持！clicklifter.com 现在的浮动窗广告服务器。受够了！它的信誉在此终止。
刚刚向工信部写了投诉信，等待答复吧。

Continue to Read

2

转:如何精简用户界面

under 网页设计 2010-01-3 pm

简洁、易用、友好、直观。这些词语经常被提及，但在执行过程中经常被遗忘。这是因为软件功能的复杂性所导致的。如何处理好软件的复杂功能往就可以决定它的命运。一个复杂的界面会让用户不知如何操作。如果，减少复杂的操作过程并精简操作界面，那该软件的用户体验就大大的提升了。
去除无用的功能
研究发现：80%的用户仅仅使用软件20%的功能。而那些没用的功能不仅浪费开发时间，也使得软件更加难以使用（这些功能对用户的阻碍作用大于有用价值）。软件试图尽力可以把任何事都做好。而一个成功的软件应是简练精干的，可单独智能化的解决单个问题。
精简的软件可通过削减功能得到。通过默认去除的方法判断一个功能是否有必要保留。将软件所有的功能进行真正的筛选。

Tags:交互设计

Continue to Read