网页如何调用js代码??
我在网页上弄了一个图片滚动的效果,以前是直接把代码方在相应的位置上,他是能正常滚动,可现在我想把代码方在外部调用,这样能节省空间,可是现在怎么样不成功,请哪位高手帮忙看看...
我在网页上弄了一个图片滚动的效果,以前是直接把代码方在相应的位置上,他是能正常滚动,可现在我想把代码方在外部调用,这样能节省空间,可是现在怎么样不成功,请哪位高手帮忙看看啊~代码如下:
script type="text/javascript">
var glide =new function(){
function $id(id){return document.getElementById(id);};
this.layerGlide=function(auto,oEventCont,oSlider,sSingleSize,second,fSpeed,point){
var oSubLi = $id(oEventCont).getElementsByTagName('li');
var interval,timeout,oslideRange;
var time=1;
var speed = fSpeed
var sum = oSubLi.length;
var a=0;
var delay=second * 1000;
var setValLeft=function(s){
return function(){
oslideRange = Math.abs(parseInt($id(oSlider).style[point]));
$id(oSlider).style[point] =-Math.floor(oslideRange+(parseInt(s*sSingleSize) - oslideRange)*speed) +'px';
if(oslideRange==[(sSingleSize * s)]){
clearInterval(interval);
a=s;
}
}
};
var setValRight=function(s){
return function(){
oslideRange = Math.abs(parseInt($id(oSlider).style[point]));
$id(oSlider).style[point] =-Math.ceil(oslideRange+(parseInt(s*sSingleSize) - oslideRange)*speed) +'px';
if(oslideRange==[(sSingleSize * s)]){
clearInterval(interval);
a=s;
}
}
}
function autoGlide(){
for(var c=0;c<sum;c++){oSubLi[c].className='';};
clearTimeout(interval);
if(a==(parseInt(sum)-1)){
for(var c=0;c<sum;c++){oSubLi[c].className='';};
a=0;
oSubLi[a].className="active";
interval = setInterval(setValLeft(a),time);
timeout = setTimeout(autoGlide,delay);
}else{
a++;
oSubLi[a].className="active";
interval = setInterval(setValRight(a),time);
timeout = setTimeout(autoGlide,delay);
}
}
if(auto){timeout = setTimeout(autoGlide,delay);};
for(var i=0;i<sum;i++){
oSubLi[i].onmouseover = (function(i){
return function(){
for(var c=0;c<sum;c++){oSubLi[c].className='';};
clearTimeout(timeout);
clearInterval(interval);
oSubLi[i].className="active";
if(Math.abs(parseInt($id(oSlider).style[point]))>[(sSingleSize * i)]){
interval = setInterval(setValLeft(i),time);
this.onmouseout=function(){if(auto){timeout = setTimeout(autoGlide,delay);};};
}else if(Math.abs(parseInt($id(oSlider).style[point]))<[(sSingleSize * i)]){
interval = setInterval(setValRight(i),time);
this.onmouseout=function(){if(auto){timeout = setTimeout(autoGlide,delay);};};
}
}
})(i)
}
}
}
glide.layerGlide(true,'icon_num_top','show_pic_top',205,2,0.1,'top');
</script>
这是js的代码!为什么把这些代码方在一个单独的js文件里就调用不了呢?我调用方式:<SCRIPT language=Javascript src="pic.js"
type=text/javascript></SCRIPT> 请高手指教啊!可以加分! 展开
script type="text/javascript">
var glide =new function(){
function $id(id){return document.getElementById(id);};
this.layerGlide=function(auto,oEventCont,oSlider,sSingleSize,second,fSpeed,point){
var oSubLi = $id(oEventCont).getElementsByTagName('li');
var interval,timeout,oslideRange;
var time=1;
var speed = fSpeed
var sum = oSubLi.length;
var a=0;
var delay=second * 1000;
var setValLeft=function(s){
return function(){
oslideRange = Math.abs(parseInt($id(oSlider).style[point]));
$id(oSlider).style[point] =-Math.floor(oslideRange+(parseInt(s*sSingleSize) - oslideRange)*speed) +'px';
if(oslideRange==[(sSingleSize * s)]){
clearInterval(interval);
a=s;
}
}
};
var setValRight=function(s){
return function(){
oslideRange = Math.abs(parseInt($id(oSlider).style[point]));
$id(oSlider).style[point] =-Math.ceil(oslideRange+(parseInt(s*sSingleSize) - oslideRange)*speed) +'px';
if(oslideRange==[(sSingleSize * s)]){
clearInterval(interval);
a=s;
}
}
}
function autoGlide(){
for(var c=0;c<sum;c++){oSubLi[c].className='';};
clearTimeout(interval);
if(a==(parseInt(sum)-1)){
for(var c=0;c<sum;c++){oSubLi[c].className='';};
a=0;
oSubLi[a].className="active";
interval = setInterval(setValLeft(a),time);
timeout = setTimeout(autoGlide,delay);
}else{
a++;
oSubLi[a].className="active";
interval = setInterval(setValRight(a),time);
timeout = setTimeout(autoGlide,delay);
}
}
if(auto){timeout = setTimeout(autoGlide,delay);};
for(var i=0;i<sum;i++){
oSubLi[i].onmouseover = (function(i){
return function(){
for(var c=0;c<sum;c++){oSubLi[c].className='';};
clearTimeout(timeout);
clearInterval(interval);
oSubLi[i].className="active";
if(Math.abs(parseInt($id(oSlider).style[point]))>[(sSingleSize * i)]){
interval = setInterval(setValLeft(i),time);
this.onmouseout=function(){if(auto){timeout = setTimeout(autoGlide,delay);};};
}else if(Math.abs(parseInt($id(oSlider).style[point]))<[(sSingleSize * i)]){
interval = setInterval(setValRight(i),time);
this.onmouseout=function(){if(auto){timeout = setTimeout(autoGlide,delay);};};
}
}
})(i)
}
}
}
glide.layerGlide(true,'icon_num_top','show_pic_top',205,2,0.1,'top');
</script>
这是js的代码!为什么把这些代码方在一个单独的js文件里就调用不了呢?我调用方式:<SCRIPT language=Javascript src="pic.js"
type=text/javascript></SCRIPT> 请高手指教啊!可以加分! 展开
6个回答
展开全部
有2种方式：
内联：你直接在<head></head>里面加上<script type=text/javascript>(这里面就是可以写你的JS代码了)</script>
PS：其实你的JS代码可以写在HTML的任何地方，但是可能会出错，所以一般都是写在头部，而不是写在其他位置。
外联：就是你自己创建一个JS文件，然后把你的代码写在JS文件里面，在HTML页面里面，你可以通过在头部中加上<script type="text/javascript" src="你的JS文件路径和文件名"></script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
其实你可以放到head和body之间都行，但你引入js的时候
src="路径"要选择正确，从你项目根目录下面开始算路径。
src="路径"要选择正确，从你项目根目录下面开始算路径。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在当前网页中调用js代码方法如下 ：
<script language="javascript" src="*.js"></script>("*.js"表示你要调用的js文件名)
[注意:如果上述方法还是不行，要考虑是否与其它js代码冲突的问题了，如果是那就要排除后才行。但是，实际中，有的js代码确实要放在当前网页，不能封装在文件里的。]
<script language="javascript" src="*.js"></script>("*.js"表示你要调用的js文件名)
[注意:如果上述方法还是不行，要考虑是否与其它js代码冲突的问题了，如果是那就要排除后才行。但是，实际中，有的js代码确实要放在当前网页，不能封装在文件里的。]
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript" src="pic.js"> </script>
把这句放在<head></head>中间 如果还是不行 那么你得确定你的路径是否正确src="pic.js" 说明你的js和你的网页在同级目录下 如果不是在同级目录下 请这样写 src="路径/pic.js"
把这句放在<head></head>中间 如果还是不行 那么你得确定你的路径是否正确src="pic.js" 说明你的js和你的网页在同级目录下 如果不是在同级目录下 请这样写 src="路径/pic.js"
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1.<SCRIPT language=Javascript src="pic.js"
type=text/javascript></SCRIPT>
可以放在网页的最后面也可以放在你网页原来的JS的地方
2.把JS里的最后一句放到网页里面,代码如下：
window.onload=function(){glide.layerGlide(true,'icon_num_top','show_pic_top',205,2,0.1,'top');}
这样，<SCRIPT language=Javascript src="pic.js"
type=text/javascript></SCRIPT> 这段代码，你放在网页的任何地方都可以了
type=text/javascript></SCRIPT>
可以放在网页的最后面也可以放在你网页原来的JS的地方
2.把JS里的最后一句放到网页里面,代码如下：
window.onload=function(){glide.layerGlide(true,'icon_num_top','show_pic_top',205,2,0.1,'top');}
这样，<SCRIPT language=Javascript src="pic.js"
type=text/javascript></SCRIPT> 这段代码，你放在网页的任何地方都可以了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
