- 浏览: 228640 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
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 15332在做登录的时候我们都会用到文本框中显示要输入的默认提示,以前都 ... -
滚动显示消息 鼠标悬停
2012-07-24 23:35 1015<!doctype html> <h ... -
js获取鼠标点击坐标
2011-11-28 14:31 2318//获取坐标位置 function getPositi ... -
js 标签切换功能
2011-08-23 14:21 3466<style type="text/cs ... -
js中作用域链的问题
2011-08-17 15:17 1897先来看一个列子: <script type=&q ... -
为什么要选择json
2011-08-03 10:20 3491json这种数据格式是我们工作中常用到的,无论是在js中还是在 ... -
jquery 取值
2011-06-30 17:10 1030jQuery获取Select选择的 ... -
弹出新页面 js计算年龄 获取php传值
2011-06-16 00:14 2143<script type="text/j ... -
js 文字上下滚动效果
2011-06-13 15:27 2387<!DOCTYPE html PUBLIC &qu ... -
thickbox 弹出层
2011-06-02 14:14 3798最近的项目中比较多使用的 ThickBox,今天就简单 ... -
jquery 图表插件 gchart
2011-06-02 09:12 3296在程序中用到不同的折线 曲线 饼图等信息的展现,用jquery ... -
js中split的应用 jq获取数值
2011-05-25 21:01 2605var stuKey = stuKey.split(', ... -
js中的事件类型 冒泡和捕获
2011-03-27 13:52 2674js和html页面之间的交互是通过用户和浏览器之间的操作页面时 ... -
js函数 匿名函数 对象的写法
2011-03-20 15:50 5022以前在写js验证的时候都是用function来写的,一个方法一 ... -
常用的js验证方法
2011-03-20 11:51 1011function trim(s){ return s.r ... -
js加入收藏代码 日历 级联城市
2011-03-20 00:39 1038<script>function addfavor ... -
工作中写的图片轮换
2011-02-28 17:22 1066/* * 功能:俱乐部-球迷频道js * 标签切 ... -
settimeout传参数的问题
2011-02-21 14:24 1131window.setTimeout("rem ... -
jquery+php无刷新分页
2011-01-25 10:16 3935分页是经常用到的功能,这次用局部刷新分页 提高用户体验, 其 ... -
checkbox全选 和获取值
2011-01-12 14:12 1286<script type='text/javasc ...
相关推荐
常用相册图片左右点击切换轮播js特效.rar 常用相册图片左右点击切换轮播js特效.rar 常用相册图片左右点击切换轮播js特效.rar 常用相册图片左右点击切换轮播js特效.rar 常用相册图片左右点击切换轮播js特效.rar 常用...
JavaScript 广告图片轮播(JS)是一种常见的网页动态效果,用于展示多个广告图片并自动进行切换,以吸引用户注意力并提升用户体验。这种技术在网站设计中被广泛应用,特别是电商平台和企业官网,如淘宝商城。以下是...
在JavaScript(JS)中实现图片切换和轮播功能是一项常见的前端开发任务,广泛应用于网站的头部 Banner、产品展示等场景。下面将详细讲解如何利用JavaScript实现这个功能,并结合描述中的关键词,探讨“左右切换按钮...
下面将详细讲解这个主题,包括如何使用div和css创建图片切换、电子相册以及轮播图片的效果。 一、图片切换 图片切换是通过CSS控制图片的显示和隐藏,实现图片的动态变化。这通常涉及到CSS的`display`属性,通过改变...
总之,这个项目提供了一个基本的jQuery图片轮播解决方案,结合HTML和CSS,能够实现带按钮的图片切换效果。对于初学者来说,这是一个很好的实践项目,可以学习到如何使用jQuery操作DOM,处理事件,以及实现动态效果。...
JavaScript图片轮播是一种常见的网页动态效果,用于展示一组图片并以循环或定时切换的方式呈现,为网站增添互动性和视觉吸引力。在"好用的Javascript图片轮播"中,我们可以从标题和描述中提取出以下几个关键知识点:...
**标题解析:** "轮播图片切换_JS图片轮播_" 这个标题表明我们要讨论的是一个使用JavaScript(JS)实现的图片轮播效果。在网页设计中,轮播图是一种常见的展示多张图片或内容的方式,它允许用户通过自动或手动切换在...
在IT行业中,图片切换轮播是一种常见的网页交互元素,它能够以美观且动态的方式展示一组图片,提升用户体验。本教程将深入探讨“图片切换轮播”这一主题,以jQuery-lb压缩包文件中的内容为基础,讲解如何实现无数字...
"JS倒影图片轮播"是一种利用JavaScript实现的特效,它不仅展示了图片轮播的功能,还增加了倒影效果,使得网页更加生动和专业。这种技术主要依赖于JavaScript库和CSS3来实现,下面我们将详细讲解其工作原理和实现步骤...
1. **图片切换**:这是网页设计中常用的一种技术,通过编程方式在页面上展示一系列图片,让它们按设定的顺序或时间间隔自动切换,通常用于展示产品、广告或者信息。 2. **轮播广告**:轮播广告是一种动态的广告形式...
js全屏图片轮播幻灯片UC浏览器官网焦点图片切换,通过原生javascript实现图片切换的效果,点击向左向右的箭头或者点击小图,都会使图片实现切换的效果,一般用于企业网站或者商城网站。php中文网推荐下载!
JavaScript图片自动轮播是一种常见的网页动态效果,常用于网站的首页展示、产品介绍或广告轮播等场景。这种技术利用JavaScript编程语言实现图片的自动切换,为用户带来更丰富的视觉体验。下面将详细介绍如何实现一个...
至此,一个简单的原生JavaScript图片轮播就实现了。这个轮播可以根据需求进行扩展,例如添加过渡效果、动态加载图片、支持键盘导航等。通过掌握这样的基础,你可以自由地定制适合项目需求的图片轮播组件,同时提高...
在网页设计和开发中,图片切换与轮播图是一种常见的元素,用于展示多张图片或内容,特别是当页面空间有限但需要展示的信息量较大时。它们通常被用于产品展示、新闻更新、广告轮播等场景。轮播图设计的核心目标是提供...
网页设计-js弧形展示图片轮播切换代码。 代码简述:一般的首页轮播图是左右方向的走动,但是此demo独有其风格,走得是弧形路线的轮播,别具风格,分别对每个商品进行轮播,鼠标聚焦后商品有聚焦样式(点击商品跳转...
综上所述,“js图片轮播、切换效果3”涵盖了JavaScript基础、DOM操作、CSS动画、事件监听等多个方面,通过学习和理解这些知识,你可以构建出更加丰富和交互性强的图片展示功能。实际应用中,可以根据需求选择合适的...
4. **图片切换**:切换图片时,可以使用`setTimeout`或`setInterval`函数实现自动轮播。通过改变图片的`style.display`属性,使其在指定时间间隔后自动切换。同时,确保在最后一张图片后返回到第一张,形成循环。 5...
至此,我们已经创建了一个基本的JavaScript图片轮播组件,具备自动切换和手动切换的功能。你可以根据实际需求调整切换时间、添加过渡效果,或者优化交互体验,如添加左右箭头控制切换,增加触摸滑动支持等。 总的来...
首先,`ft-carousel.js` 插件的核心功能是提供一个平滑、动态的图片切换体验。这种无缝轮播的关键在于,当一张图片即将离开视区时,下一张图片已经在适当的位置准备就绪,使得用户感觉不到图片更换的瞬间,从而创造...
在前端开发中,轮播图(Carousel)是一种常见的网页元素,用于展示一组可滑动切换的图片或内容。本资源包含纯JavaScript实现的三种不同类型的轮播图,这对于熟悉JavaScript和想要提升前端技能的开发者来说,是一份...