本文目录一览:
- 1、如何使用js来控制图片的css样式?
- 2、dreamweaver用js+css怎么做出图片上的效果
- 3、JS如何清除IE浏览器缓存
- 4、为什么css样式会被js莫名清除
- 5、怎么删除webivew中的缓存css和js
- 6、JS/Jquery,如何实现背景图片的更换
如何使用js来控制图片的css样式?
这个可以用CSS实现就好了。不必要使用JS
图片放大效果的话,建议用一个额外的 div层放置放大后的图片,这样布局就不会乱了。鼠标放上去就显示这个层。
.img2{
/*这里写你的所有图片都会用到的样式*/
}
.img2:first-child, .img2:last-child{
/*这里写第一个图片和最后一个图片会用到的样式*/
}
.img1:hover .showBigImg{
display:block;
}
对于这个大图的div层的显示,可以稍加js控制,这样就可以所有图片共用一个div层来放置大图。
希望能帮助到你
dreamweaver用js+css怎么做出图片上的效果
这个是轮播图,可以使用焦点图和JS都是可以完成这个效果的。这要看你掌握的情况,也可以直接在网上下载修改使用。
JS如何清除IE浏览器缓存
js中自动清除ie缓存方法 — 常用
对于动态文件,比如 index.asp?id=... 或者 index.aspx?id=... 相信有经验的程序员都知道怎样禁止浏览器缓存数据了.
但是对于静态文件(css,jpg,gif等等), 在什么场合下面我们需要禁止浏览器缓存他们,怎么做?
方法一: Dojo中我们可以用简单的方法完成:在dojo.xhrGet(包括post)等方法中都包含preventCache属性,此属性的含义: “默认为启用浏览器缓存,否则将通过自动增加不同的参数来确保浏览器缓存失效” 我们只要把此属性赋值为:“true”即可。
方法二: document.write("
其中 ver=113 的 113就是版本号,一般都是采用 CVS 或其他工具生成的开发版本号。
这样真正做到了应该缓存的时候缓存静态文件,当版本有更新的时候从获取最新的版本,并更新缓存。
对于图像 来有效利用和更新缓存.
js清除浏览器缓存 二
为了减小浏览器与服务器之间网络传输压力,往往对静态文件,如js,css,修饰的图片做cache,也就是给这些文件的HTTP响应头加入 Expires和Cache-Control参数,并指定缓存时间,这样一定时间内浏览器就不会给服务器发出任何的HTTP请求(除了强制刷新),即使在 这段时间内服务器的js或css或图片文件已经更新多次,但浏览器的数据依然是原来最能初cache的旧数据,有没有办法让浏览器拿到已经修改后的最新数 据呢?
有,方法是用ajax请求服务器最新文件,并加上请求头If-Modified-Since和Cache-Control,如下:
[url=] 复制代码 [/url]代码如下:
$.ajax({
type: "GET",
url: "static/cache.js",
dataType: "text",
beforeSend :function(xmlHttp){
xmlHttp.setRequestHeader("If-Modified-Since","0");
xmlHttp.setRequestHeader("Cache-Control","no-cache");
}
});
这里用了jquery.
这样浏览器就会把最新的文件替换掉本地旧文件。
当然,这里还一个问题就是js必须知道服务器更新了那个js、css、图片,利用cookie和时间版本应该可以解决.
jquery自从1.2开始就有ifModified和cache参数了,不用自己加header
ifModified Boolean Default: false
Allow the request to be successful only if the response has changed since the last request. This is done by checking the Last-Modified header. Default value is false, ignoring the header.
cache Boolean Default: true
Added in jQuery 1.2, if set to false it will force the pages that you request to not be cached by the browser.
[url=] 复制代码 [/url]代码如下:
$.ajax({
type: "GET",
url: "static/cache.js",
dataType: "text",
cache:false,
ifModified :true
});
为什么css样式会被js莫名清除
1、如果使用class加的样式的话,可以使用document.getElementById("objid").className=""来清空样式;
2、如果是直接加的style="***"属性的话,可以使用document.getElementById("box").style.cssText = ""来清空样式。
怎么删除webivew中的缓存css和js
在实际项目开发过过程中,页面是上传到服务器上的。而为了减少服务器的压力,让用户少加载,浏览器会将图片、css、js缓存到本地中,以便下次访问网站时使用。这样做不仅减少了服务器的压力,并且也减少了用户的下载次数,获得更好的用户体验。
然而在版本升级或做一些css、js等调整的时候,缓存导致用户无法显示更新后的样式,这是另人头头疼的问题。除非用户自行手动升级缓存,不过几乎所有用户不会为了正常访问这个网站而去手动清除缓存,因为用户根本不知道是不是缓存的问题,而归根结底,用户就是认为你的页面存在问题,不能正常访问。
JS/Jquery,如何实现背景图片的更换
更换背景图片有两种方式:
1、直接给元素附加css,因为js附加的css样式要比css中的样式权限高,那么js设置的背景图片就会覆盖之前的图片
$(this).css("background","url(1.jpg) no-repeat 0 0");
2、写两个class,一个class里面写一个背景图片,js中操作的话直接改变元素的class就可以了
$(this).removeClass('classA').addClass('classB');
相对而言,第二种方式更好一点,实现了js中尽量不书写css的理念,同时第二种可以实现背景图片不断替换,而第一种不行