请问一下关于javascript动态调整背景图片位置的代码

请问一下关于javascript动态调整背景图片位置的代码,第1张

大概是看明白了你的意思

要获取背景的位置需要在CSS中先定义位置,然后获取坐标--- *** 作数据---回写就是这么个流程

我给你写了段代码,你看看是不是这个效果,获取坐标的方法你应该能看懂,很简单

<script type="text/javascript">

function bdgo(){

position = documentgetElementById('divs')stylebackgroundPositionreplace(/px/g,"");

xy = positionsplit(" ");

x = xy[0];

y = xy[1];

y = y - 1;

documentgetElementById('divs')stylebackgroundPosition = x + "px " + y + "px";

windowsetTimeout('bdgo()',30);

}

</script>

<div id="divs" style=" width:500px; height:200px; border:#333 1px solid; background:url(bjpg) repeat-y; background-position:0px 0px" onmouseover="bdgo()"></div>

在alert的情况下,因为alert的时候阻止了程序往下执行,等你把alert点确定的时候,oneeror方法已经执行完获取到了服务器的地址,path的值变为了服务器路径

如果你不alert,因为异步(到后台获取),还没来得及获取到,path已经被return出去了,所以还是本地地址。

documentgetElementByTagName("img")[0]src

其中,documentgetElementById("img")是获取页面中所有的img标签返回的是一个数组

如果你知道父级的id可以在前面加上,

documentgetElementById("id")getElementByTagName("img")[0]src

这样就是制定的位置下的所有的了

浏览器安全性已经大大提高,要实现上传预览不是那么简单了

不过有很多变通或先进的方法来实现

例如ie7/ie8的滤镜预览法,firefox 3的getAsDataURL方法

具体可以参考这个上传预览效果

像这样的文章很多,随便找了一个你看看

获取文件目录路径的JavaScript代码

很多时候我们都需要在js文件中获取该文件的详细路径,以便根据其他文件与该js的相对位置计算并设置其他一些文件如或样式或脚本的目录路径。我们一般都这样做:

假设外部js文件的文件名为:testjs,则在testjs中都这样写:

var js=documentscripts;

var jsPath;

for(var i=0;i<jslength;i++){

if(js[i]srcindexOf("testjs")>-1){

jsPath=js[i]srcsubstring(0,js[i]srclastIndexOf("/")+1);

}

}

alert(jsPath);

或者为了提高效率,这样写

var js=documentscripts;

var jsPath;

for(var i=jslength;i>0;i--){

if(js[i-1]srcindexOf("testjs")>-1){

jsPath=js[i-1]srcsubstring(0,js[i-1]srclastIndexOf("/")+1);

}

}

alert(jsPath);

这种思路很清晰,根据文件名获取引用的文件的src属性并进行判断截取即可。

但这种办法有以下两个缺点:

1、需要遍历页面的js文件,有时可能效率会比较低。

2、如果页面中出现目录不同的重名的js文件则可能判断错误。

其实我们可以有更简单的办法来准确获取路径,这是在一次js测试突然发现并幡然醒悟的。

var js=documentscripts;

js=js[jslength-1]srcsubstring(0,js[jslength-1]srclastIndexOf("/")+1);

alert(js);

直接使用jslength?这会正确吗?

其实仔细想想,由于判断路径的js代码一般都直接放在js文件中而不是函数中,所以当加载该js文件时会立即执行其中的语句,而执行此语句时所获取到的js文件数目正好是jslength-1,因为页面后面的js文件还没有加载,所以该处的js文件获取的数目并不是页面所有的js文件的数目。这样一来,获取路径就无需再遍历了,而且文件判断也无需文件名,判断更加准确(jslength-1永远都是其文件本身)。

获取windows系统临时目录

<script>

var fso = new ActiveXObject("ScriptingFileSystemObject");

var f = fsoGetSpecialFolder(2);

alert(f);

</script>

以上就是关于请问一下关于javascript动态调整背景图片位置的代码全部的内容,包括:请问一下关于javascript动态调整背景图片位置的代码、js判断图片路径、javascript获取页面第一张图片的方法是什么我忘记了~~~就是在不知道id和name的情况下获取第一张图片的src等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9729641.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存