网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
办公数码
>
qq教程
> >
[qq迅雷弹出窗口]QQ,迅雷,弹出可拖动选项卡菜单
[qq迅雷弹出窗口]QQ,迅雷,弹出可拖动选项卡菜单
发布时间:2017-12-25
【www.gdgbn.com--qq教程】
提示:您可以先修改部分代码再运行
<script type="text/javascript"> function $(obj){ return document.getElementById(obj); } function qqTab(itab,icount,icontent,iLeft,iRight,iscroll){ this.tab=itab; this.count=icount; this.content=icontent; this.left=iLeft; this.right=iRight; this.scrollCon=iscroll; this.distance=0;//移动距离 this.lTimes=this.count-5;//点击按钮次数 this.rTimes=0; this.indexcount=0; this.timer=null; this.disID=1; var This=this; for(var i=2;i<=this.count;i++){ $(this.content+i).style.display="none"; } for(var i=1;i<=this.count;i++){ $(this.tab+i).onmouseover =function(){ for(var j=1;j<=This.count;j++){ if($(This.tab+j)==this){ This.showCon(j); This.createDiv(j); } } } /*$(this.tab+i).onmouseover = function(j){ return function(){This.showCon(j)} }(i); */ } for(var i=1;i<=this.count;i++){ $(this.tab+i).onmouseout =function(){ for(var j=1;j<=This.count;j++){ if($(This.tab+j)==this){ $("msg").style.display="none"; } } } } $(this.left).onmouseover=function(){ if(This.lTimes>0){ this.style.backgroundPosition="0px -134px"; } } $(this.left).onmouseout=function(){ this.style.backgroundPosition="0px -42px"; } $(this.right).onmouseover=function(){ if(This.rTimes>0){ this.style.backgroundPosition="0px -159px"; } } $(this.right).onmouseout=function(){ this.style.backgroundPosition="0px -67px"; } $(this.left).onclick=function(){ if(This.lTimes<=0){This.lTimes=0;return;} This.lTimes--; This.rTimes++; This.disID++; This.leftAni(); } $(this.right).onclick=function(){ if(This.rTimes<=0){This.rTimes=0;return;} This.rTimes--; This.lTimes++; This.disID--; This.rightAni(); } } qqTab.prototype.showCon=function(ev){ for(var i=1;i<=this.count;i++){ if(i==ev){ $(this.tab+i).className="ahover"; $(this.content+i).style.display="block"; }else{ $(this.tab+i).className=""; $(this.content+i).style.display="none"; } } } qqTab.prototype.createDiv=function(ev){ $("msg").style.display="block"; $("msg").style.left=76*(ev-1+this.lTimes-this.count+5)+40+"px"; } qqTab.prototype.leftAni=function(){ var self=this; this.indexcount--; this.distance=this.indexcount+(-(this.count-5-this.lTimes-1)*76); $(this.scrollCon).style.left=this.distance+"px"; if(this.indexcount<=-76) { for(var i=1;i<=this.count;i++){ i==this.disID?$(this.tab+i).className="ahover":$(this.tab+i).className=""; i==this.disID?$(this.content+i).style.display="block":$(this.content+i).style.display="none"; } this.timer=null,this.indexcount=0; return; } this.timer=setTimeout(function(){self.leftAni()},10); } qqTab.prototype.rightAni=function(){ var self=this; this.indexcount++; this.distance=this.indexcount+(-(this.rTimes+1)*76); $(this.scrollCon).style.left=this.distance+"px"; if(this.indexcount>=76) { for(var i=1;i<=this.count;i++){ i==this.disID?$(this.tab+i).className="ahover":$(this.tab+i).className=""; i==this.disID?$(this.content+i).style.display="block":$(this.content+i).style.display="none"; } this.timer=null,this.indexcount=0; return; } this.timer=setTimeout(function(){self.rightAni()},10); } function drag(ihandle,igoal){ this.handle=ihandle; this.goal=igoal; this.status=false; this.x=0; this.y=0; var This=this; $(this.handle).onmousedown=function(e){ This.status=true; This.on(e); } document.onmouseup=function(){ document.onmousemove=null; if(document.all){ $(This.goal).style.filter="alpha(opacity=100)"; }else{ $(This.goal).style.opacity="1"; } } } drag.prototype.on=function(ev){ This=this; if(document.all){ $(this.goal).style.filter="alpha(opacity=70)"; }else{ $(this.goal).style.opacity="0.7"; } if(!ev) ev=window.event; this.x=ev.clientX-parseInt($(this.goal).style.left); this.y=ev.clientY-parseInt($(this.goal).style.top); document.onmousemove=function(e){ This.goMove(e); } } drag.prototype.goMove=function(ev){ if(!ev) ev=window.event; if(this.status){ $(this.goal).style.left=(ev.clientX-this.x)+"px"; $(this.goal).style.top=(ev.clientY-this.y)+"px"; } } </script><script type="text/javascript"> window.onload=function(){ //alert(document.getElementById("scroll").offsetWidth); var QQ=new qqTab("tab",8,"content","towardL","towardR","scroll"); var dragqq=new drag("head","miniTab"); } </script> 您好,爱军如梦保定 26℃ 晴,阳光充足 您可以拖动该页卡进行排序
体育 体育 体育 体育 体育 a育 a育 a育
搜索
09 开什么店赚大钱 09 开什么店赚大钱
会员设置:不自动弹出此窗口
111cn.net
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/bangongshuma/20764/
上一篇:
腾讯在线人数统计|在线人数写法
下一篇:
【新站优化方案】新站有效获得10个外部链接的方法
相关推荐
【表格怎么去除重复】asp去除表格内容的正则表达式
js设置cookie获取cookie值及删除cookie_js设置cookie,获取cookie值及删除cookie值代码
asp.net|asp 判断用户浏览器类型程序
asp利用xml文件|asp利用xmlhttp取文件乱码问题
首页不同怎么设置_设置网站为首页代码
【asp.net】asp 简单数据库连接类
【asp.net】asp 获取页面源代码函数xmlhttp
【javascript学习指南】javascript 省市二级关联菜单程序
判断字符串中相同字符的个数字|判断字符串中相同字符的个数
asp.net_asp 常用的字符串处理函数
网友关注
[asp.net]asp 复制文件与保存远程服务器文件
[fso检测文件夹]fso检测文件存在FileExists或文件夹是否存在FolderExists,
【asp.net】asp fso删除文件DeleteFile与文件夹DeleteFolder
asp.net|asp 创建文件与文件夹
[phpstudy]php strrpos explode is_array 函数使用教程
asp读取写文件内容_asp读取写文件fso实例代码
【jquery实例文件夹】jquery实例文件无刷新上传代码
[phpstudy]php in_array,trim,isset,unset,is_numeric函数用法。
站长统计cnzz官网_仿cnzz统计日期选择器代码
【phpstudy】php 去除数组空值
热门标签
最新qq教程
qq教程
qq校友怎么没有了_采集QQ校友学校数据代码
qq教程
【网站改版方案】网站改版必须看了几点
qq教程
【网站改版方案】网站改版不被降权方法
qq教程
php的prepare_PHP的preg_match_all正则字符多次出现第一次出代码
qq教程
[如何查询ip地址所在地]php查询ip所在地代码
qq教程
ps如何美化人物照片|ps人物美化制作教程
qq教程
[华为关闭悬浮按钮]带关闭按钮左右悬浮QQ客服效果代码
qq教程
网站改版方案_网站改版后如何优化
qq教程
【qq浮动窗口怎么设置】两款浮动qq在线客服代码
qq教程
php把内容中图片不显示_php把内容中图片连接地址替换成自己的
qq教程热门文章
qq教程
【新站优化方案】新站有效获得10个外部链接的方法
qq教程
qq空间登录_qq空间鼠标跟随图片代码
qq教程
【qq鼠标没反应】qq鼠标跟随代码大全
qq教程
跟随鼠标翻译_qq鼠标免费跟随代码
qq教程
超炫图片_超炫qq鼠标跟随代码大全
qq教程
[qq空间表情代码]超炫QQ空间代码
qq教程
【qq空间表情代码】QQ空间代码不断变换背景效果
qq教程
[爱情签名 浪漫简短的]闪图签名-浪漫空间焦点人物图片
qq教程
[脚步空间模块]黑白空间模块-黑白冷酷女生空间模块
qq教程
qq空间达人认证|qq空间潮爆达人模块
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有