changepicture--jquery插件
说明:
就是很常见的鼠标移动上去图片改变(加亮或是别的效果),移开时图片变回原样。 我自己写的,与dreamweaver自带的插入鼠标经过图像和导航条功能相比,好处有三个:
一是独立js文件,保持HTML页面整洁;
二是调用比dreamweaver方便很多,加快了写代码的速度;
三是变化图片根据文件夹区分,文件名保持一致,这样用PS切图时省下了改名的时间。
DEMO:
1、一般调用 在images文件夹下新建'changepicture'文件夹,把改变后的图片放入改文件夹,文件必须与原文件同名.
*******************************************************
<script>
$('.changepicture').changepicture();
</script>
<img class="changepicture" src="/images/pic1"></img>
<img class="changepicture" src="/images/pic2"></img>
*******************************************************
TO 初学者:class可以是任意的。
2、改变文件夹 如果不想用changepicture文件夹,也可以采用任意文件夹名 在images文件夹下新建'myfolder'文件夹,把改变后的图片放入改文件夹,文件必须与原文件同名.
*******************************************************
<script>
$('.changepicture').changepicture('myfolder');
</script>
<img class="changepicture" src="/images/pic1"></img>
<img class="changepicture" src="/images/pic2"></img>
*******************************************************
就这么简单。
BLOG:http://57409999.qzone.qq.com/