jQuery实现彩带效果的网页加载条动画
<!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>页面初加载的动画</title>
<style type="text/css">
body{margin:0;}
.to......
页面中需要实现某个按钮点击完后，禁用它，并显示倒计时。这个默认是3秒，代码如下：
<pre><head>
<title>test count down button</title>
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#btn').click(function () {
var count = 3;
var countdown = setI......
JQM里面当我们更新了某些页面标签(如: listview, radiobuttons, checkboxes, select menus)里的数据时,必须做refresh操作.
为什么必须做refresh操作操作呢?因为JQM在做页面渲染的时候,为了使样式跟客户端程序相似, 隐藏了原始的标签然后用一些新的标签和自定义的样式来表现原标签,其实新样式的标签已经不是原来的标签,所以更新了数据必须做refresh操作.
各类标签的刷新
1.Textarea fields
1
2
$('body').prepend('<textarea id="myTextArea"></textarea>');
$('#myTextArea').textinput();
2.Te......
/*
Auto-growing textareas; technique ripped from Facebook
(Textarea need set style "overflow:hidden" under IE)
*/
(function($) {
function times(string, number) {
for (var i = 0, r = ''; i < number; i ++) r += string;
return r;
}
$.fn.autogrow = function(options) {
this.filter('textarea').each(function() {
this.timeoutId = null;
var $this = $(this), minHeight = $this.height();
var shadow = $('<div></div>').css({
position: ......
7个超酷的CSS3和jQuery特效源码
jQuery是一个使用广泛的JS框架，利用jQuery提供的接口我们可以完成非常实用的功能，而且步骤很简单。CSS3作为最近兴起的技术标准，又能给网页增添不少绚丽的效果。那么我们来看看jQuery结合CSS3都能实现哪些效果，希望大家收藏。
1、jQuery/CSS3 3D 滚动效果
这是一款非常酷的3D滚动效果，利用jQuery和CSS3实现。
在线演示 / 源码下载
2、jQuery/CSS3产品图片展示插件
这是一款基于jQuery和CSS3的产品图片展示插件，非常适合企业类的网站使用。
在线演示 / 源码下载
3、jQuery书本翻页效果jFlip
......
作者: owoer
|
发表于:2013年1月5日
|
栏目:前端资源
|
7个超酷的CSS3和jQuery特效源码已关闭评论
阅读全文