- 浏览: 222680 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
yjw0628:
text 和password无需分开处理.然后不要用input ...
jquery html5 实现placeholder 兼容password ie6 -
supercrsky:
不输入直接提交form会有各种问题。
jquery html5 实现placeholder 兼容password ie6 -
myfreespace:
嗯 谢谢提示,正在修改中
模仿新浪微薄 删除冒泡提示效果 -
王斌_code:
有bug,先点删除,再点取消,在冒泡消失前,点击删除(构造事件 ...
模仿新浪微薄 删除冒泡提示效果 -
王斌_code:
效果有点生硬,用jquery可以省不少事,而且效果很好
模仿新浪微薄 删除冒泡提示效果
/* * 功能:俱乐部-球迷频道js * 标签切换 焦点图切换 * $Id$ * bilibo@ifensi.com * 2010-09-17 */ //标签切换 用法介绍 /*id="player_nav_1" 鼠标点击的标签 _nav_是确定的 前面的可以更改 *id="player_block_1 要切换的内容 _block_是确定的前面的可以更改以用于不同的地方 *$(".awards_nav a").click(function(){switchBlock(this,4);}); 绑定事件 */ function switchBlock(_this,count) { var id=_this.id.replace(/^.+_/,""); var name_space=_this.id.replace(/_.+/,""); for(var i=1;i<=count;i++) { jQuery("#"+name_space+"_nav_"+i).removeAttr("class"); document.getElementById(name_space+"_block_"+i).style.display="none"; } document.getElementById(_this.id).className="current"; document.getElementById(name_space+"_block_"+id).style.display="block"; } //焦点图1 var cur_index=1; var num=4; //循环的个数 var settime; //鼠标移动上方显示 function Show_Dab(Dab_num) { stopAction(); for(var i=1;i<=4;i++) { document.getElementById("img_" + i).style.display = "none"; document.getElementById("tdiv" + i).style.display = "none"; document.getElementById("txt"+i).className = ""; } document.getElementById("img_" + Dab_num).style.display = "block"; document.getElementById("tdiv" + Dab_num).style.display = "block"; document.getElementById("txt" + Dab_num).className = "dq"; } //鼠标移除后自动循环 function Show_Begin() { startAction(); } //自动循环 function change_Menu() { for(var i=1;i<=num;i++) { if(cur_index==i){ jQuery("#img_"+i).show("slow"); document.getElementById("tdiv"+i).style.display = "block"; document.getElementById("txt"+i).className = "dq"; }else{ jQuery("#img_"+i).hide("slow"); document.getElementById("tdiv" + i).style.display = "none"; document.getElementById("txt"+i).className =""; } } } //初始化调用 function conAction() { if(cur_index<4) { cur_index++; } else { cur_index=1; } change_Menu(); } function startAction() { stopAction(); settime = setInterval(conAction,5000); } //停止循环 function stopAction() { clearInterval(settime); } //焦点图2 var cur_num=1; var total=4; //循环的个数 var timeid; //鼠标移动到上方显示 function Show_pic(num) { stopPic(); for(var i=1;i<=4;i++) { document.getElementById("img1_" + i).style.display = "none"; document.getElementById("gtxt" + i).style.display = "none"; document.getElementById("list"+i).className = "baise"; } document.getElementById("img1_" + num).style.display = "block"; document.getElementById("gtxt" + num).style.display = "block"; document.getElementById("list" + num).className = "dangqian"; } //自动显示 function change_pic() { for(var i=1;i<=total;i++) { if(cur_num==i){ // jQuery("#img1_"+i).show("slow"); // jQuery("#gtxt"+i).show("slow"); document.getElementById("img1_" + i).style.display = "block"; document.getElementById("gtxt" + i).style.display = "block"; document.getElementById("list"+i).className = "dangqian"; }else{ // jQuery("#img1_"+i).hide("slow"); // jQuery("#gtxt"+i).hide("slow"); document.getElementById("img1_" + i).style.display = "none"; document.getElementById("gtxt" + i).style.display = "none"; document.getElementById("list"+i).className ="baise"; } } } //自动显示判断 function beginPic() { if(cur_num<4) { cur_num++; } else { cur_num=1; } change_pic(); } //暂停显示 function stopPic() { clearInterval(timeid); } function startPic() { stopPic(); timeid = setInterval(beginPic,5000); } //鼠标移除开始滚动 function Begin_show() { startPic(); } //页面加载调用 window.onload=function() { startAction(); startPic(); } //pk赞 function pkzan(voteid,teamid,nn) { var uu = jQuery("#uname").text(); if(uu){ jQuery.ajax({ type:'post', url:'/fans/fans.ajax.php?action=addvote', dataType:'data', data:'checkip=0&voteid='+voteid+'&chs='+teamid+'&uu='+uu, success:function(data){ alert(data); if (data =="") { var pid = "#pk"+nn; var num = jQuery(pid).text(); num = parseInt(num)+1; jQuery(pid).text(num); } } }); }else{ alert('请先登录,谢谢'); } } //积分榜上下滚动 var speed=30; function Marquee(){ var demo1 = jQuery("#football_block_5"); var demo = jQuery("#contentul"); if(demo.scrollTop()>=demo1.height()) demo.scrollTop(0); else{ demo.scrollTop(demo.scrollTop()+90); } } function Marquee1() { var demo1 = jQuery("#football_block_5"); var demo = jQuery("#contentul"); if(demo.scrollTop()<demo1.height()) demo.scrollTop(0); } function moveup() { Marquee1(); } function movedown() { Marquee(); }
发表评论
-
jquery html5 实现placeholder 兼容password ie6
2012-08-23 10:49 15282在做登录的时候我们都会用到文本框中显示要输入的默认提示,以前都 ... -
滚动显示消息 鼠标悬停
2012-07-24 23:35 970<!doctype html> <h ... -
js获取鼠标点击坐标
2011-11-28 14:31 2261//获取坐标位置 function getPositi ... -
js 标签切换功能
2011-08-23 14:21 3409<style type="text/cs ... -
js中作用域链的问题
2011-08-17 15:17 1844先来看一个列子: <script type=&q ... -
为什么要选择json
2011-08-03 10:20 3435json这种数据格式是我们工作中常用到的,无论是在js中还是在 ... -
jquery 取值
2011-06-30 17:10 976jQuery获取Select选择的 ... -
弹出新页面 js计算年龄 获取php传值
2011-06-16 00:14 2105<script type="text/j ... -
js 文字上下滚动效果
2011-06-13 15:27 2352<!DOCTYPE html PUBLIC &qu ... -
thickbox 弹出层
2011-06-02 14:14 3747最近的项目中比较多使用的 ThickBox,今天就简单 ... -
jquery 图表插件 gchart
2011-06-02 09:12 3256在程序中用到不同的折线 曲线 饼图等信息的展现,用jquery ... -
js中split的应用 jq获取数值
2011-05-25 21:01 2543var stuKey = stuKey.split(', ... -
js中的事件类型 冒泡和捕获
2011-03-27 13:52 2627js和html页面之间的交互是通过用户和浏览器之间的操作页面时 ... -
js函数 匿名函数 对象的写法
2011-03-20 15:50 4959以前在写js验证的时候都是用function来写的,一个方法一 ... -
常用的js验证方法
2011-03-20 11:51 960function trim(s){ return s.r ... -
js加入收藏代码 日历 级联城市
2011-03-20 00:39 962<script>function addfavor ... -
settimeout传参数的问题
2011-02-21 14:24 1071window.setTimeout("rem ... -
jquery+php无刷新分页
2011-01-25 10:16 3887分页是经常用到的功能,这次用局部刷新分页 提高用户体验, 其 ... -
checkbox全选 和获取值
2011-01-12 14:12 1232<script type='text/javasc ... -
javascript iframe高度自适应
2010-12-22 15:02 1075问题:上传图片的时候局部刷新就在页面中放了个iframe,因为 ...
相关推荐
网页图片轮换代码网页图片轮换代码网页图片轮换代码网页图片轮换代码网页图片轮换代码网页图片轮换代码网页图片轮换代码
用jQuery和CSS在HTML中实现走马灯效果。
jQuery-图片轮换
图片轮换,通过CSS实现图片轮换。仿照常见的那个图片变换flash做的效果,纯CSS。
html图片轮换html图片轮换html图片轮换html图片轮换html图片轮换
图片轮换 图片轮换,广告轮换,防CSDN
好看的JS图片轮换好看的JS图片轮换好看的JS图片轮换好看的JS图片轮换好看的JS图片轮换好看的JS图片轮换好看的JS图片轮换好看的JS图片轮换好看的JS图片轮换好看的JS图片轮换
HTML图片轮换特效
js实现图片轮换,简单方便!
图片轮换js代码焦点图图片切换,图片js代码
js图片轮换特效
css js html 图片轮换 实用 不错css js html 图片轮换 实用 不错
具有FLASH图片轮换效果
js图片轮换
js特效,四张图片轮换显示横幅广告,实现图片自动转换。
js css 图片轮换 简单的修改代码就可实现自己的图片轮换效果js css 图片轮换 简单的修改代码就可实现自己的图片轮换效果
使用Jquery 写的一个图片轮换播放的插件 很好用的
.net图片轮换图片新闻 与数据库相连。与QQ首页的图片轮换相同 。
H5图片轮换特效,使用jQuery实现图片轮播特效,支持多张图片
JavaScript图片轮换源代码,yongJquery实现的不间断的图片轮换代码