-
-
Web前端开发之路
收藏本专栏专注 web前端技术包括 Html/css/DIV+美工/jquery/AJax/JS/
分享到：
最近更新文章
瀑布流展示示例- 带旋转的图文展示 好东西与大家分享 附源码
很流行的瀑布流展示
并且当鼠标悬浮 旋转图片 div
外加很酷的jquery展示......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d ...
仿淘宝 智能跟随菜单提示栏 智能浮动的菜单
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>smartFloat页面滚动智能层自动跟随插件 Demo</ti ...
jquery实现 checkbox全选和反选 很常用噢....
Jquery的选择器帮你轻松实现这个效果 摒弃复杂的js代码
$(function(){
$('#inputChkAll').click(function(){
$("input[name='chkJob']").attr("checked", $(this).attr("checked")); //注意此处
...
仿淘宝 首页的 "滑动门" 鼠标悬浮滑动box效果
.boxcaption{
float: left;
position: absolute;
background: #000;
height: 100px;
width: 100%;
opacity: .8;
/* For IE 5-7 * ...
教你一招让你的IE 6/7/8/9/x都支持HTML5
解决办法就是使用HTML5 shiv，而HTML5 Shiv其实就是一个Javacsript脚本。
<!–[if IE]>
<script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”>
</script>
<![endif]–>
http://html5shi ...
Google Chart 实现报表统计
当处理数据或者统计结果的时候 通常会遇到一些报表例如 饼状图 曲线图 柱状图
但是实现起来 往往不是很简单,现在运用google chart可以很轻松实现你的目的了.
先看个示例吧
<html>
<head>
<!--Load the AJAX API-->
<script type="text/jav ...
js/jquery 进行动态统计 各种柱状图 饼状图 线条图 等
国内网站有 http://www.ichartjs.com/
国外网站有 http://www.jqplot.com/index.php
1.简单示例1 线条图
<script type="text/javascript" src="../src/plugins/jqplot.canvasTextRenderer.min.js"&g ...
一键生成各种多彩的 js 焦点图 幻灯切换效果
网站开发中常常会用到jquery焦点图的展示
网上有很多很cool 的网站可以参考
1.懒人图库
http://www.lanrentuku.com/js/jiaodiantu.html
2.牛图库
http://www.niutuku.com/js/jquery/index-10.html
3. wow slider
http://wowslider.com/
值得 ...
下一个移动媒体巨头 Brightcove
背景：
根据 Brightcove 的新闻稿，通过免费的 Brightcove Experience 架构以 HTML5 的基础打造出各种「苹果产品」上的网页运作。看来 HTML5 和 Flash 平行运作的手脚越来越快了。
大家可能对 Brightcove 这个公司的名字相当陌生，不过已经超过 1,000 位客户，包括时代杂志（Time Inc.）和纽约时报（New York ...
专业的网页测试工具 YSLOW
YSlow是Yahoo发布的一款基于FireFox的插件。
安装YSlow必须首先先安装 Firebug，然后下载YSlow，再对其安装。
YSlow可以对网站的页面进行分析，并告诉你为了提高网站性能，如何基于某些规则而进行优化。
YSlow可以分析任何网站，并为每一个规则产生一个整体报告，如果页面可以进行优化，则YSlow会列出具体的修改意见。
https: ...
jQuery 限制多行字符字数的方法 换成省略号
1.多行文本 在html中常见 用p标签
可是因为版面限制有时候只能显示部分内容
所以须要对内容加以修饰
一般换用省略号代替比较好 或者 READ MORE 链接
限制只显示某些省略号
单行文本 可以直接用css实现
zxx_text_overflow_1{
width:27em;
white-space:nowrap;
text-overflow:ellipsis;
-o- ...
JS 客户端 实现 无刷新分页 table表格实例
问题：
实现如下功能需求
1.table 按行数 分页
2.js 实现客户端无刷新效果
3.分页脚注 比较美观
4.可扩展 维护性比较好
<html version="-//W3C//DTD HTML 4.01 Transitional//EN">
<head ...
给表格加间隔行颜色 并且设置选中后的颜色
<!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&qu ...
Javascript实现图片随机漂浮
<html>
<head>
</head>
<body>
<div id="img" style="position:absolute;width:200; height:151"><img src="pic.jpg" border="0"> ...
web前端程序员必上的11个优秀的中文前端设计网站
在国内，“前端开发”这个名词逐步被熟知，“前端开发”这个职位越来越被企业重视，表明国内的Web前端开发正在慢慢走向成熟，更好地学习提高自身的前端 开发技术能力是必须的，整理8个国内优秀的前端开发设计网站给大家，也希望能看到你推荐的中文前端开发网站和社区。
1, 蓝色理想
http://www.blueidea.com/
诞生于1999年10月的蓝色理想，以建设网站设计与开 ...