一个很帅的js莱单,类


this.insertmenu=function(type,value,url,target){
this.menuarray[this.menuarray.length]=new menuitem(type,value,url,target)
}
//-----程序初试化---
this.init=function(name,bdc,bgc,speed,Alpha){
var inhtml=
var cellcount=0
var lastcellcount=0
this.hk_name=name+ hk
this.hktable_name=name+ hktable
this.menudiv_name=name+ menudiv
this.menutable_name=name+ menutable
this.speed=speed
for (i=0;i this.menuarray.length;i++)
{
if (this.menuarray[i].type== 2 ) cellcount=cellcount+1
if (this.menuarray[i].type== 1 || this.menuarray[i].type== 0 ) {cellcount=0}
if (lastcellcount cellcount) {lastcellcount++}

}
//alert(cellcount)
stylecode= cursor:hand;filter:Alpha( >
suspendcode= DIV id= +this.hk_name+
+ table id= +this.hktable_name+ border='1' width='0' cellspacing='0' bordercolor=' +bdc+ '
+ tr td height='18' /td /tr /table /div
document.write(suspendcode);
var fcell=true
for (i=0;i this.menuarray.length;i++)
{
switch(this.menuarray[i].type)
{
case 0 :
t=cellcount*2
if (t =0)
{
inhtml+=' tr td colspan=2 ''+name+'.href= '+this.menuarray[i].url+','+this.menuarray[i].target+' \' '+this.menuarray[i].value
}
else
{
inhtml+=' tr td colspan='+t+' ''+name+'.href= '+this.menuarray[i].url+','+this.menuarray[i].target+' \' '+this.menuarray[i].value
}
fcell=true
break;
case 1 :
t=(cellcount-1)*2
if (t =0)
{
inhtml+=' tr td width=6 td ''+name+'.href= '+this.menuarray[i].url+','+this.menuarray[i].target+' \' '+this.menuarray[i].value
}
else
{
inhtml+=' tr td width=6 td colspan='+t+' ''+name+'.href= '+this.menuarray[i].url+','+this.menuarray[i].target+' \' '+this.menuarray[i].value
}
fcell=true
break;

case 2 :
if (fcell)
{
inhtml+=' tr td width=6 td ''+name+'.href= '+this.menuarray[i].url+','+this.menuarray[i].target+' \' '+this.menuarray[i].value;
fcell=false
}
else
{
inhtml+=' td width=6 td ''+name+'.href= '+this.menuarray[i].url+','+this.menuarray[i].target+' \' '+this.menuarray[i].value;
}
break;
}
}
inhtml=' div id='+this.menudiv_name+' onmousemove= '+name+'.doOver() '
+' table id='+this.menutable_name+' border= 0 cellpadding= 2 '
+inhtml
+' /table /div
//alert(inhtml)
document.write(inhtml);
this.lastScrollX=0;
this.lastScrollY=-4;
this.posXY(eval(this.menutable_name).cells[0])
this.td_W=eval(this.menutable_name).cells[0].scrollWidth+6
this.td_H=eval(this.menutable_name).cells[0].scrollHeight
setInterval(name+ .scrollback() ,1)
}
//-----点击超联接---
this.doClick=function(){
//alert(this.url)
var url=this.href.split( , )
//alert(url[0])
//alert(url[1])
if (url[0]== ) return
if (url[1]== _blank )
{window.open(url[0])}
else
{location.href=url[0]}
}
//-----拖动解决---
this.scrollback=function(){
diffX=this.td_X-3
diffY=this.td_Y-5
diffW=this.td_W
diffH=this.td_H
percentX=this.speed*(diffX-this.lastScrollX);
percentY=this.speed*(diffY-this.lastScrollY);
percentW=this.speed*(diffW-this.lastScrollW);
percentH=this.speed*(diffH-this.lastScrollH);
if(percentX 0)percentX=Math.ceil(percentX);
else percentX=Math.floor(percentX);
if(percentY 0)percentY=Math.ceil(percentY);
else percentY=Math.floor(percentY);
if(percentW 0)percentW=Math.ceil(percentW);
else percentW=Math.floor(percentW);
if(percentH 0)percentH=Math.ceil(percentH);
else percentH=Math.floor(percentH);
eval(this.hk_name).style.pixelTop+=percentY;
eval(this.hk_name).style.pixelLeft+=percentX;
eval(this.hktable_name).style.pixelWidth+=percentW;
eval(this.hktable_name).style.pixelHeight+=percentH;
this.lastScrollX=this.lastScrollX+percentX;
this.lastScrollY=this.lastScrollY+percentY;
this.lastScrollW=this.lastScrollW+percentW;
this.lastScrollH=this.lastScrollH+percentH;
}
//-----滑出---
this.doOver=function() {
if (event.srcElement.tagName== TD ) {
if (event.srcElement.innerText.length==0 || event.srcElement.innerText== | ) return
this.posXY(event.srcElement)
this.td_W=event.srcElement.scrollWidth+6
this.td_H=event.srcElement.scrollHeight
}
}
//-----肯定精准定位---
this.posXY=function(obj){
hk_left=obj.offsetLeft
hk_top=obj.offsetTop
vParent = obj.offsetParent;

while (vParent.tagName.toUpperCase() != BODY )
{
hk_left += vParent.offsetLeft;
hk_top += vParent.offsetTop;
vParent = vParent.offsetParent;
}

this.td_X=hk_left
this.td_Y=hk_top
}
//-----有关---
this.about=function(){
alert( OK )
}
}
/script
head
meta http-equiv= Content-Language content=
style
.b{color=#000066;cursor:hand}
.menu {
font-family:Arial;
cursor:Default;
font-size:12px;
border:1px #000000 solid;
border-collapse: collapse;
filter:progid:DXImageTransform.Microsoft.Gradient(gradienttype=0, startcolorstr=#ffffff, endcolorstr=#dddddd)
progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#,strength=3);
}
.ht{
font-weight:bold
}
/style
!--
第一步:实体线化X-Menu类
使用方法:
var 实体线自变量 .new CoolMenuControl()
---
script language= javascript
var CoolMenu1=new CoolMenuControl()
var CoolMenu2=new CoolMenuControl()
var CoolMenu3=new CoolMenuControl()
var about=new Array()
about[0]= 有关X-Menu莱单\n\nAuthor:PuterJam\nCopyright 2004\n转截请通告自己
about[1]= 有关创作者\n\n\ 这个伙很懒,甚么也没留有!!\ \n但是热烈欢迎大伙儿与我沟通交流Javascript\n\nE-Mail:PuterJam
/script
/head
body
!--
第二步:创建莱单新项目---

使用方法:
实体线自变量 .insertmenu(种类,Html编码,连接网站地址,总体目标)
种类:0意味着莱单题目,1意味着树型莱单子项目目,2意味着横着莱单子项目目
Html编码:显示信息在莱单上的Html编码
连接无需多讲了,网站地址或Javascript脚本制作
总体目标:默认设置为空,既没有本页开启; _blank 意味着在新的网页页面开启
比如:
CoolMenu2.insertmenu( 2 , img src=/xinkeapp/uploads/allimg/200406/1A5423911-0.gif 新浪网网 , , _blank )
--
script
CoolMenu1.insertmenu( 0 , 热烈欢迎应用X-Menu (莱单演试) br nbsp; font Made By PuterJam /font , , )
CoolMenu1.insertmenu( 0 , , , _blank )
CoolMenu2.insertmenu( 0 , img src=Skins/Default/nofollow.gif 横着莱单 , , )
CoolMenu2.insertmenu( 2 , img src=/xinkeapp/uploads/allimg/200406/1A5423911-0.gif 新浪网网 , , _blank )
CoolMenu2.insertmenu( 2 , img src=/xinkeapp/uploads/allimg/200406/1A5423911-0.gif 我的yahoo , , _blank )
CoolMenu2.insertmenu( 2 , img src=/xinkeapp/uploads/allimg/200406/1A5423911-0.gif 亿唐 , , _blank )
CoolMenu2.insertmenu( 2 , img src=/xinkeapp/uploads/allimg/200406/1A5423911-0.gif 二十一世纪 , , _blank )
CoolMenu2.insertmenu( 2 , img src=/xinkeapp/uploads/allimg/200406/1A5423911-0.gif 游侠网 , , _blank )
CoolMenu3.insertmenu( 0 , img src=Skins/Default/nofollow.gif 树型莱单 , , )
CoolMenu3.insertmenu( 0 , img src=/xinkeapp/uploads/allimg/200406/1A54242H-8.gif , , _blank )
CoolMenu3.insertmenu( 1 , 有关X-Menu莱单 , javascript:alert(about[0]) , )
CoolMenu3.insertmenu( 1 , 有关创作者 , javascript:alert(about[1]) , )
CoolMenu3.insertmenu( 1 , 联络我 , mailto:PuterJam , )
CoolMenu3.insertmenu( 1 , 你的访问器版本号 , javascript:alert(navigator.appName) , )
/script
!--
第三步:创建莱单---

使用方法:
实体线自变量 .init(实体线自变量名,外框色调,情况色调,拖动速率,情况半全透明度)
'实体线自变量名'务必与 实体线自变量 同样
假如情况色调= transparent 既为彻底全透明
比如:
CoolMenu1.init( CoolMenu1 , #002000 , #38FFff ,0.1,15)
--
script CoolMenu1.init( CoolMenu1 , #002000 , #38FFff ,0.1,15) /script
script CoolMenu2.init( CoolMenu2 , #002000 , #00FF80 ,0.2,10) /script
script CoolMenu3.init( CoolMenu3 , #002000 , #f0FF00 ,0.3,25) /script
/body


|广灵建立网站 广灵县,归属于于山西省省大同市市,坐落于山西省省东北地区边境,北岳恒山东省襟。东与河北省省蔚县紧邻,南同灵丘县交界,西连浑源县,北接阳高县和河北省省阳原县。辖2镇7乡180个行政部门村,总面积1
|留坝网站建设 留坝县坐落于秦广东岭南麓核心区,汉中市市北边。坐落于东径106度38分05—107度18分14,北纬度33度17分42,——33度53分29。东连洋县、城固,南接汉台区,西邻勉县,北靠峨嵋、凤县。川陕道路横贯全
|咸安公司建立网站 咸安区,归属于于咸宁市市,坐落于湖北省省西南部,东接阳新,南连崇阳,西邻赤壁,北靠江夏,西南与通山交界,大西北与嘉鱼紧邻。 人民政府驻扎地浮山街道社区。截止2017年,咸安区土地总面积1501平
|饶阳网络推广 饶阳县位于冀中平原区,占地面积573平方千米,人口数量三十万,农用地5八万亩,滹沱河自西东向从这当中部穿过,农田平整,四季明晰,当然气侯标准优异,区位优点显著,北距京、津均240千米,东邻秦
|衢州互联网营销推广 衢集县坐落于我国浙江省省中西部,位于浙江省、福建省、江西省、安徽省四省交界处,有着“四省通衢”之称,是沿海地区经济发展比较发达地域和内陆地区核心区的融合部。全省占地面积8837平方千米,人口数量24一万,所辖4县
|九寨沟企业网站建设 九寨沟坐落于四川省阿坝藏族羌族基层民主州九寨沟县地区,是白排水沟上下游白河的支沟,以有九个藏族古寨(别称何药九寨)而而出名。九寨沟海拔高度在2000米之上,遍及初始山林,沟内遍布一百零
|崂山企业网站建设 崂山是山东省半岛花园的关键山峰,最大峰崂顶海拔高度1133米,就是我国海湾线第一高峰期,拥有水上第一位山之称。它矗立在黄海之滨,伟岸雄壮。本地有一句古语说:“山东泰山云虽高,比不上南海崂。
|阜平企业网站建设 阜平县坐落于我国河北省省中西部。属保定市市,与山西省省交界。北纬度38°9′-39°7′,东经113°45′-114°31′。东与曲阳、唐县交界处,东北地区与涞源为邻,西与山西省省五台县相接,大西北与山西省省繁峙
|平度企业网站建设 处在我国经济发展强悍提高的环勃海湾经济发展圈、山东省半岛花园生产制造业管理中心地区的平度,是联接【青岛市】、【滨州市】、【烟台市】三大成县市的核心区,也是胶东半岛花园生产制造业管理中心、青岛市经济发展发展趋势发展潜力之都
|墨江企业网站建设 墨江坐落于云南省省南边、思茅市东部地区,位于北纬度22°51′-23°59′、东经101°08′-102°04′中间,全乡土地占地面积5312平方千米,在其中山区地带总面积占占地面积的99.98%。北重归线穿城而过,被称作"北回
|逊克企业网站建设 自然地理部位:逊克县坐落于黑龙江省省北边边境,小兴安岭中区北麓,黑龙江省中上游右岸,有135公理的边境线线,与乌克兰阿穆尔州米哈伊洛夫区别江相望。气侯特点:位于中高纬度地域,属寒温
|仙桃企业网站建设 仙桃市坐落于鄂中,位于汉阳平原区南边,汉江中下游龙洲湾。东邻汉阳,西接潜江,南滨东荆河与洪湖、监利相望,北枕汉江同天门、汉川—衣带水。市治距省会城市武汉市市82千米。物品较大横距
强烈推荐地域 关键地网站制作、企业网站建设、网站运营服务强烈推荐,健全的售前服务售后服务服务保证顾客营销推广的合理
1、技术专业的网站制作制作精英团队给你出示7*二十四小时迅速网站设计制作业务流程,给你的网站迅速构建出示确保 2、一流的技术性工作人员,确保模版仿造编码的安全性、简约、齐整便捷顾客的迅速入门应用 3、多种多样开源系统CMS适用,给你出示dedecms模版网站建设、zblog模版网站建设、wordpress模版网站建设、discuz模版网站建设等业务流程 4、健全的售后服务,大家做的是服务,服务是沒有止境的大家期待与众多顾客达到小伙伴关联,给你出示有意义的事的协助

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://xetxcx.cn/ganhuo/5022.html