×

js幻灯片特效代码 特效制作 幻灯片

求FLASH和JS实现幻灯片特效制作方法?怎么用js做一个地区选择控件的特效啊

admin admin 发表于2022-07-11 15:57:37 浏览106 评论0

抢沙发发表评论

求FLASH和JS实现幻灯片特效制作方法


  《a target=_self href=“javascript:goUrl()“》
  《span class=“f14b“》
  《script type=“text/javascript“》
  imgUrl1=“http://www.webjx.com/img/200406301.jpg“;
  imgtext1=“网页教学网制作素材“
  imgLink1=escape(“http://www.webjx.com/htmldata/sort/8.html“);
  imgUrl2=“http://www.webjx.com/img/200406302.jpg“;
  imgtext2=“网页教学网网页制作专区“
  imgLink2=escape(“http://www.webjx.com/htmldata/sort/3.html“);
  imgUrl3=“http://www.webjx.com/img/200406303.jpg“;
  imgtext3=“网页教学网网页特效专区“
  imgLink3=escape(“http://www.webjx.com/htmldata/sort/5.html“);
  imgUrl4=“http://www.webjx.com/img/200406304.jpg“;
  imgtext4=“网页教学网视频教程“
  imgLink4=escape(“http://www.webjx.com/htmldata/sort/15.html“);
  imgUrl5=“http://www.webjx.com/img/200406305.jpg“;
  imgtext5=“网页教学网网页制作书籍“
  imgLink5=escape(“http://www.webjx.com/htmldata/sort/7.html“);

  var focus_width=280
  var focus_height=158
  var text_height=18
  var swf_height = focus_height+text_height

  var pics=imgUrl1+“|“+imgUrl2+“|“+imgUrl3+“|“+imgUrl4+“|“+imgUrl5
  var links=imgLink1+“|“+imgLink2+“|“+imgLink3+“|“+imgLink4+“|“+imgLink5
  var texts=imgtext1+“|“+imgtext2+“|“+imgtext3+“|“+imgtext4+“|“+imgtext5

  document.write(’《object classid=“clsid:d27cdb6e-ae6d-11cf-96b8-444553540000“ codebase=“http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0“ width=“’+ focus_width +’“ height=“’+ swf_height +’“》’);
  document.write(’《param name=“allowScriptAccess“ value=“sameDomain“》《param name=“movie“ value=“http://www.webjx.com/js/focus.swf“》《param name=“quality“ value=“high“》《param name=“bgcolor“ value=“#F0F0F0“》’);
  document.write(’《param name=“menu“ value=“false“》《param name=wmode value=“opaque“》’);
  document.write(’《param name=“FlashVars“ value=“pics=’+pics+’&links=’+links+’&texts=’+texts+’&borderwidth=’+focus_width+’&borderheight=’+focus_height+’&textheight=’+text_height+’“》’);
  document.write(’《embed src=“pixviewer.swf“ wmode=“opaque“ FlashVars=“pics=’+pics+’&links=’+links+’&texts=’+texts+’&borderwidth=’+focus_width+’&borderheight=’+focus_height+’&textheight=’+text_height+’“ menu=“false“ bgcolor=“#F0F0F0“ quality=“high“ width=“’+ focus_width +’“ height=“’+ focus_height +’“ allowScriptAccess=“sameDomain“ type=“application/x-shockwave-flash“ pluginspage=“http://www.macromedia.com/go/getflashplayer“ /》’); document.write(’《/object》’);

  《/script》
  《/span》《/a》《span id=focustext class=f14b》 《/span》

怎么用js做一个地区选择控件的特效啊


1.
首先写一个js文件,areaLocation.js:
var
provinceArray=
new
Array();
provinceArray=[
{“pname“:“江苏“,
“country“:[
{
“cname“:“南京市“,
“town“:[“玄武区“,“白下区“,“秦淮区“,“建邺区“,“雨花台“,“江宁区“,
“六合区“,“溧水县“,“高淳县“]},
{
“cname“:“南通市“,
“town“:[“崇川区“,“港闸区“,“启东市“,“如皋市“,“通州市“,“海门市“,“海安县“,“如东县“]
},
{
“cname“:“苏州市“,
“town“:[“金阊区“,“沧浪区“,“平江区“,“虎丘区“,“吴中区“,“张家港“,“昆山市“,“吴江市“,“太仓市“]
}
]
},
{“pname“:“上海“,
“country“:[
{
“cname“:“上海市“,
“town“:[“徐汇区“,“普陀区“,“杨浦区“,“虹口区“,“卢湾区“,“浦东区“,“黄浦区“,“长宁区“,“闸北区“,“静安区“,“闵行区“,“松江区“]
}
]
}
];
function
areaInitialize(){
province.length=1;
for(var
i
=
0;i《provinceArray.length;i++){
var
pro
=
provinceArray[i].pname;
province.options[province.length]
=
new
Option(pro,pro);
}
}
function
changeCLocation(id,city){
//alert(id);
city.length
=
0;
if(id》0){
var
j=id-1;
var
i;
var
countrys
=
new
Array();
countrys
=
provinceArray[j].country;
city.options
=
new
Option(’不限’,’’);
for
(i=0;i

countrys.length;
i++){
var
cname
=
countrys[i].cname
city.options[city.length]
=
new
Option(cname,
cname);
}
changeTLocation(id,1,town);
}else
if(id==0){
city.length
=
0;
town.length
=
0;
city.options[city.length]
=
new
Option(’不限’,’’);
town.options[town.length]
=
new
Option(’不限’,’’);
}
}
function
changeTLocation(pid,cid,town){
//alert(cid);
var
countrys
=
new
Array();
var
towns
=
new
Array();
town.length
=
0;
var
i;
countrys
=
provinceArray[pid-1].country;
areaId
=
countrys[cid-1].areaId;
towns
=
countrys[cid-1].town
city.options
=
new
Option(’不限’,’’);
town.options
=
new
Option(’不限’,’’);
for
(i=0;i

towns.length;
i++){
var
tname
=
towns[i]
town.options[town.length]
=
new
Option(tname,tname);
}
town.options
=
new
Option(’不限’,’’);
}
2.
再写一个html页面:
《!DOCTYPE
HTML
PUBLIC
“-//W3C//DTD
HTML
4.01
Transitional//EN“》
《html》
《head》
《script
type=“text/javascript“
》《/script》
《script
type=“text/javascript“》
window.onload=areaInitialize();
《/script》
《/head》
《body》
《select
size=“1“》
《option
value=0
selected》--请选择--《/option》
《/select》
《select
size=“1“

《option
value=0
selected》--请选择--《/option》
《/select》
《select
size=1》
《option
value=0
selected》--请选择--《/option》
《/select》
《/body》
《/html》

如何设置用JS实现的幻灯片自动切换效果的宽高


你把:
#con_tophome_1{ width:100%; height:450px; background-image:url(img/shou1.jpg); background-repeat:no-repeat; background-position:center top; cursor:pointer}
#con_tophome_2{ width:100%; height:450px; background-image:url(img/shou2.jpg); background-repeat:no-repeat; background-position:center top; cursor:pointer}
#con_tophome_3{ width:100%; height:450px; background-image:url(img/shou3.jpg); background-repeat:no-repeat; background-position:center top; cursor:pointer}
中的width:100%; height:450px;都改成width:500; height:200px; 试试看呀。
它的宽度和高度应该是这样改的。
-js幻灯片特效代码