公司项目由于一些历史原因 所以采用Jquery的库
一直没有用jquery的插件机制写过代码,于是就趁热打铁研究了一下jq的插件机制
非常简单的一个效果 暂且命名为jQuery SimpleTip Plugin1.0吧
[查看DEMO] [下载源码]
新增了 template的机制 Demo -2010/9/7
插件功能很简单：见下图
就是一个鼠标提示的tip效果 可以自定义宽度
使用方法：
在需要使用该插件的页面插入如下依赖 具体路径请自行修改
分别是：JQuery1.32 本插件核心代码 和本插件的css样式
<script src="jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="simpletip/jquery.tip-min.js" type="text/javascript"></script>
<link href="simpletip/SimpleTip.css" rel="stylesheet"/>
插件使用：
$(document).ready(function(){//jq的页面载入事件
$("#tip2").tip({ //获取目标元素
width: 100,//自定义宽度 也可以不设定此项
text: "<span class='icon01'></span>宽度：100px 是自定义的"//提示内容 可以包含html代码
});
})
核心代码分析：
阅读全文…
今天得到产品经理的一个需求
分类体系 一级分类 以及其子分类 在一个标题栏上展示 只显示5个子分类 其余显示为下拉列表 效果如下图
由于对前端比较痴迷 于是乎用前端来实现了一下 之前这样的需求 都是程序员去做判断 来实现的
查看DEMO
下载代码
已在如下浏览器测试 IE6 IE7 IE8 FF3.5.6 Opera10 Safari4
页面结构用前端实现如下
<div class="Area">
<div id="menu1" class="main_tit">
<h2><a href="http://www.iamued.com">IamUed.com-前端开发</a></h2>
<ul class="sublist">
<li><a href="http://www.iamued.com">javascript</a></li>
<li><a href="http://www.iamued.com">Ria</a></li>
<li><a href="http://www.iamued.com">ActionScript</a></li>
<li><a href="http://www.iamued.com">Flash</a></li>
<li><a href="http://www.iamued.com">Flex</a></li>
<li><a href="http://www.iamued.com">W3C</a></li>
<li><a href="http://www.iamued.com">xhtml</a></li>
</ul>
</div>
一级内具体内容
</div>
可以看到 对于程序输出来讲 这样的结构不需要任何逻辑 相对代码结构清晰整洁
核心JS代码如下
阅读全文…
“TOP置顶”这个大家我想都不陌生，一般都用在网站底部，起到快速返回页面顶部的作用，节省用户浏览页面的时间。
谈谈我的一些体验吧！
先看当下一些的网站对“top置顶”的应用:
大家熟悉的QQ校友
阅读全文…
原文：http://dancewithnet.com/2009/02/17/how-to-make-a-resume-of-f2e/
春节前在蓝色理想上发了个“雅虎口碑招聘前端工程师 ”的启事，节后收到很多简历，加之HR通过专业招聘网站得到的简历和朋友同事推荐的简历，数量上是相当的多，把这些简历一一看完真是一个漫长而幸苦的体力活，何况我还要仔细认真的去提取和核查有用信息评估其能力，尽量不错过任何一个埋藏在大量简历中合适的人，这绝大部分时间并不是一个相当愉悦的过程。所以，我感觉有必要来谈谈：如何做好一份前端工程师的简历。
一、你是前端工程师
虽然简历都会有一些常规信息，但职业决定了这份简历核心内容和求职成败。所以，这份简历应该尽可能体现你自己是一个合格的前端工程师。专业的前端工程师是什么可以看看去年Nate Koechley的演讲《Professional Frontend Engineering》，前端工程师应该关注的内容可以从克军总结的“前端工程师应该关注什么”的思维导图中窥出一二，学习内容聚合可以看看陈成总结的《前端开发大众手册(包括工具、网址、经验等)》。
毫无疑问，前端工程师应该知道如何用简历体现其专业技能和职业精神，这是每个应聘者应该考虑的问题。
