癫觉士
- 浏览: 19519 次
- 性别:
- 来自: 南京
-
最新评论
文章列表
一款jquery编写的旋转木马特效，代码只有四十多行，点击左右箭头分别按不同方向旋转显示，兼容各主流浏览器。
下载地址：http://download.csdn.net/detail/crazyfeeling/4882880
代码不多，但是效果很炫，我根据曾经看过的flash的效果模拟的
var gradual={};
gradual.ImagesView=function(options){
var defaults={
applyTo:null,
minWidth:null,
maxWidth:null
};
this.options=$.extend(defaults,options);
this.$applyTo=null;
this.$img=null;
this.render();
}
...
效果细节：
点击文本框，初始信息清空；点击文本框外部，初始信息恢复。
如果文本框内容被修改，文字变黑色；点击文本框外部，文字不变；再次点击文本框，文字不变。
删除文本框内文字，点击文本框外部，内容恢复为初始信息，颜色变灰。
使用方法:
$('#ID').emp();
或
$('.clasName').emp();
备注：
$('#ID')或$('.clasName')影响范围是该容器内所有type=text的文本框
这是一款jquery编写的滑动菜单效果，当点击导航文字时，圆形按钮滑动到当前位置。圆形按钮能根据导航文字的多少自动伸缩。
文件夹中有两个文件，一个是slider_click.html，意思是点击某个选项时滚动。还有一个是slider_hover.html，意思是鼠标移动到某个选项时滚动。有人会问‘不是把click改成hover’不就行了么，但改成hover后会出现一个问题：鼠标不停离开上一个li，进入下一个li，滚动就不停执行。如果从‘日志’移动到‘互动空间’，移动就会停顿两次。为了解决这个问题，slider_hover.html里又增加了一段代码，控制鼠标停止运动时才执行。
& ...
曾经做过一个页面，用到好几处tab选项卡，于是就写了这段代码，可以控制页面所有选项卡切换。只要用我的结构，就可以实现一对多的控制，很方便。
<!DOCTYPE><html><head><meta http-equiv="Content-Type" content=& ...
<!DOCTYPE><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">
p.maxheight { width:200px;background:#CCCCCC;max-height:200px;height:expression( this.scro ...
<!DOCTYPE><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jquery文本溢出</title><script type="text/javascript" src="js/jquery-1.3.2.min.js"></script><script type="text/j ...
$(function(){ // Start 窗口的拖动 var _move=false; //移动标记 var _x,_y; var $width=$('#outer').width(); var $height=$('#outer').height(); var $screen=$(document).width(); $(".title").mousedown(function ...
一.colgroup和col标签
这两个标签允许你定义表格列和尽你所需地样式化它们，对于你需要把列排成行或不同着色特别有用，如果没有它们，你需要样式化每一个单独的单元格。
这是一个使用这些标签的例子：
<table>
<colgro ...