jQuery下通过replace字符串替换实现大小图片切换_jquery

WBOY

Freigeben： 2016-05-16 17:53:42

Original

1383 Leute haben es durchsucht

核心就是使用replace替换img src的图片路径，从而实现不同尺寸图片的切换。

下面这个动画就是显示了尺寸切换，单击“大图”按钮，则改变图片的src，加载大图，单击“小图”按钮，则又显示小图。

replace用法简单讲解：
我其实也是新手，讲得不对望海涵。
字符串.replace(a,b);指的是用b将字符串含有a的部分代替，例如字符串obj="welcome to my website!"; obj.replace("my","jb51net");指的是用字符串jb51net代替字符串obj中的my。

您有兴趣可以使用以下代码做测试：

复制代码代码如下:

 
var obj="welcome to my website!"; 
var newobj=obj.replace("my","jb51net's"); 
alert(newobj); 

好了，就说这么多，更多可以学习的内容在实例页面里。

核心代码:

复制代码代码如下:

打包下载地址 jquery-replace-pic-convert.rar

Verwandte Etiketten：

replace

Quelle：php.cn

Vorheriger Artikel：IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结_javascript技巧 Nächster Artikel：js split 的用法和定义 js split分割字符串成数组的实例代码_基础知识

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors