2008年4月30日
摘要: 使用的是SL bete2,cpu占用快于js,差于flash,参考了jQuery实例：图片展示效果 的思想实现了一些网站首页的图片新闻展示效果。大概解析下（具体请参考代码注释）：图片容器包括图片、底部文字、数字圆圈3部分和对应的3个动画，其定位和动画位移都是通过改变其Canvas.Top或Left属性，图片hover时通过改变DoubleAnimation.From和To属性实现位移动画，这些基础...
阅读全文
posted @
2008-04-30 10:31 guozili 阅读(2379) |
评论 (14) |
编辑
2008年4月23日
摘要: 接上一篇：js应用-实现博客个性主页布局拖拽功能 已改造成JQuery插件形式，并新增了一些效果，由于jquery强大的DOM选择器和一些封装的效果，使得代码更加清晰和精简。引用上一篇：Jquery的Interface elements for jQuery里面的拖拽布局存在一些bug，效率也比较低，GoogleUI google_drag.js有些乱，不是很容易理解，Discuz!NT Spac...
阅读全文
posted @
2008-04-23 12:58 guozili 阅读(3206) |
评论 (13) |
编辑
2008年4月22日
摘要: Jquery的Interface elements for jQuery里面的拖拽布局存在一些bug，效率也比较低，GoogleUI google_drag.js有些乱，不是很容易理解，Discuz!NT Space代码满天飞，所以自己参考GoogleUI的思想，简化和优化了一些操作代码，实现了博客系统基本的拖拽布局的效果，暂时未考虑其他浏览器的兼容性问题。下一步准备改造成Jquery的插件形式，...
阅读全文
posted @
2008-04-22 10:43 guozili 阅读(3196) |
评论 (30) |
编辑
2008年3月7日
2008-3-8-今日又去面试了，碰到一题，回来仔细写了下，不知道是不是这样效率最好：
2008-3-7-最近又开始面试了，由于长期做NET应用，导致基础算法不清，错失很多良机，故回家补习，列出几例，以便面试临时必备：
如Combind(new int[]{1,3,5}, new int[]{2,4},c)则得到，1，2，3，4，5
如a,b,c,则Permute(0)则得到abc, acb, bac,.......所有组合
猫叫，主人醒来，老鼠逃
posted @
2008-03-07 14:42 guozili 阅读(2888) |
评论 (20) |
编辑
2007年6月22日
摘要: /Files/guozili/SiteOSFile2.rar模仿视频网站首页ajax分页，结合neverModules-slider +jquery form插件实现拖动滑动块进行AJAX分页，此方法较灵活，另外可用2.0里面的CallBack机制实现同样的功能，预览和代码请见下：(注释添加中.......)预览：代码：default.aspx<%@PageLanguage="C#"Auto...
阅读全文
posted @
2007-06-22 14:44 guozili 阅读(2805) |
评论 (7) |
编辑
2007年6月13日
最近在研究Interface elements for jQuery（http://interface.eyecon.ro/），此插件封装了一些拖拽效果，并且使用非常简单，能轻松实现拖拽排序、购物车、博客首页排版等UI，所以模仿和讯的图片排序做了一个简单样例：
预览：
代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Sortables demo - Interface plugin for jQuery</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="interface.js"></script>
<style type="text/css" media="all">
body
{}{
background: #fff;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
#sort1
{}{
width: 350px;
height: 200px;
}
div img
{}{
float: left;
width: 60px;
height: 60px;
margin:10px;
border:solid 3px #ccc;
}
.sorthelper
{}{
background-color: #f5f5f5;
float: left;
border:4px solid #ccc;
}
.sortableactive
{}{
}
.sortablehover
{}{
}
</style>
</head>
<body>
<div id="sort1">
<img src="1.jpg" class="sortableitem" id="1" alt="1"/>
<img src="2.jpg" class="sortableitem" id="2" alt="2"/>
<img src="3.jpg" class="sortableitem" id="3" alt="3"/>
<img src="4.jpg" class="sortableitem" id="4" alt="4"/>
<img src="5.jpg" class="sortableitem" id="5" alt="5"/>
<img src="6.jpg" class="sortableitem" id="6" alt="6"/>
</div>
<div class="serializer">
<a href="#" onClick="serialize(); return false;" >提交排序</a>
</div>
<script type="text/javascript">
$(document).ready(
function () {
$('#sort1').Sortable(
{
accept : 'sortableitem', //拖拽元素class名
helperclass : 'sorthelper', //拖拽时投放位置的样式
activeclass : 'sortableactive', //拖拽时悬空时class
hoverclass : 'sortablehover', //拖拽时经过时class
opacity: 0.5, //拖拽时透明度
fx: 200, //拖拽时回位速度
revert: true,
floats: true,
tolerance: 'pointer',
onchange: changedata //拖拽状态改变时触发事件
}
)
}
);
function changedata()
{
}
function serialize(s)
{
serial = $.SortSerialize(s);
alert(serial.hash.replace(/&sort1\[\]=/g,",").replace("sort1[]=",""));
/**//*这里可使用jquery form插件ajax提交
（http://www.malsup.com/jquery/form/#code-samples）
使用也非常方便
*/
};
</script>
</body>
</html>posted @
2007-06-13 11:15 guozili 阅读(3488) |
评论 (9) |
编辑
2007年4月11日
最近面试了很多公司，泡泡、搜房、方正的面试基本上在一个时间段，而且都通过了，下面说说他们的基本情况：
-------------------------------------------------------------------------------
泡泡（www.pcpop.com）：在李想的带领下发展的很有生气和前景， 年收益几千万，员工百多，所在的中国电子大厦可以用奢侈来形容，工作环境非常之好，在向博客发展，待遇一般，应该需从一般程序员做起；
-------------------------------------------------------------------------------
搜房（www.soufun.com）:靠近天安门的中粮广场，年收益几十亿，员工1000多，就是有钱，但是办公环境较差，开发环境和学校机房样，技术好像也不行，待遇还可以，提升机会应该比较快，编辑mm超多，而且是男女混坐；
-------------------------------------------------------------------------------
方正阿帕奇（www.apabi.com）：一个同学在里面主管，国有企业，在向web 2.0 改版，上面有钱投，在里面应该能学到很多东西，待遇也可以。
-------------------------------------------------------------------------------
posted @
2007-04-11 21:03 guozili 阅读(613) |
评论 (6) |
编辑