(1)天气预报定制网站:http://www.thinkpage.cn/weather/,您可以使用该向导为您的博客、论坛或任何网页添加天气预报模块,天气预报的数据每小时自动更新,您不仅可以掌握时时的当前天气情况,还可以获得5天内的预报数据。
您可以通过该向导定制您自己的个性模块,轻轻松松就能为您的博客加入一项新的功能。通过应用AJAX技术您可以无刷新的查看不同城市天气情况,给您流畅的用户体验。可以方便的设置各种语言。
如果你不想显示他最下面的版权说明代码,可以设置iframe的高度,让超出部分隐藏就可以了。
(2) 163天气预报的调用代码 :
这几天找的,源文件中都能看到jquery.js的影子。
但总体看来 ,这些网站只是用了jQuery的部分功能。还有很多功能是用以前的Js或者库。
导致很多JS代码重复。可能它们正在慢慢转变。要一个时间。
js代码都很乱,重复编写很高,甚至有网站的页面导入了2次jQuery.js。
从目前现状看来,国内对前端编程不是很重视。目前管理着的目光还是集中在后台处理方面。
前端更主要还是靠 前端开发者的自觉和主动。
如果前端开发者不是很积极的话,相信这种现状还将维持下去。
http://www.tudou.com
http://www.douban.com
http://www.cctv.com
http://www.360buy.com
http://www.51.com/
http://www.fenbei.com
http://www.139.com
http://www.pconline.com.cn
https://www.alipay.com
文章转自亮亮的Blog:http://www.94this.com.cn/article/268.htm
jQuery SelectBox replacement(模仿select插件):
原理是采用隐藏现有的 select,然后创建一个input 和 div,div里包含ul,li 。
例如 现有:<select name="mySel1" id="mySel1">
<option value="vv1">选项一</option>
<option value="vv2">选项二</option>
</select>
通过插件后,会生成:
<input id="mySel1_input" class="selectbox" type="text" autocomplete="off" readonly=""/>
<div id="mySel1_container" class="selectbox-wrapper" style="display: none; width: 150px;">
<ul>
<li id="mySel1_input_vv1" class="">选项一</li>
<li id="mySel1_input_vv2" class="">选项二</li>
</ul>
</div>
<select id="mySel1" name="mySel1" style="display: none;">
<option value="vv1">选项一</option>
<option value="vv2">选项二</option>
</select>
模仿select演示
代码下载(jQuery文件没打包)
插件代码有60行,内容还是比较简单。相信学过jquery的,都能看懂。
另外还需要一个 数据文件。
点击下载此文件
PS:接下来 将往里面添加参数,不知道大家一般需要那些参数呢。
你可以去
http://code.jquery.com/jquery-1.3b1.js
下载最新测试版。
较大内容的改变:
选择器引擎—整个重写了一次。
DOM操作—-大部分也重写了。
.offset()方法 — 重写了.
事件命名空间—处理命名空间事件的逻辑 也重写了。
1.3正式版 将于2009年1月14日 发布。
[code] /**
* jQuery : 表格Hover效果插件
* @author XiaoDong
* @example $('table').table();
* @params { hoverColor }
* hoverColor : 鼠标滑过的颜色
*/
$.fn.table = function(params){
//默认参数
var options = {
hoverColor : 'blue'
};
//用传递过来的参数 覆盖 默认参数
$.extend(options, params);
this.each(function(){
$(this).find('tr').each(function(){
//获取初始的背景颜色值
this.origColor = $(this).find('td').css('backgroundColor');
$(this).hover(function(){
$(this).find('td').css('backgroundColor', options.hoverColor );
},function(){
$(this).find('td').css('backgroundColor', this.origColor );
});
});
});
};[/code]
[code]
表格1:
| 姓名 |
年龄 |
| Egen |
Xden |
| Egen |
Xden |
| Egen |
Xden |
表格2:
| 姓名 |
年龄 |
| Egen |
Xden |
| Egen |
Xden |
| Egen |
Xden |
表格3:
| 姓名 |
年龄 |
| Egen |
Xden |
| Egen |
Xden |
| Egen |
Xden |
[/code]

演示:
http://www.ihwy.com/labs/Demos/Current/jquery-listnav-plugin.aspx
下载:
http://www.ihwy.com/labs/jquery-listnav-plugin.aspx