communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > jQuery下通过replace字符串替换实现大小图片切换_jquery

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

WBOY
Libérer： 2016-05-16 17:53:42
original
1383 Les gens l'ont consulté

核心就是使用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
Étiquettes associées：
replace
source：php.cn
Article précédent：IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结_javascript技巧 Article suivant：js split 的用法和定义 js split分割字符串成数组的实例代码_基础知识
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Expression régulière pour remplacer plusieurs symboles par des balises HTML J'essaie de créer une expression régulière qui remplace tous les symboles "$$" p...
Depuis 2024-04-01 21:01:01
0
2
358
Comment éliminer des caractères répétés spécifiques dans une chaîne ? J'ai une chaîne simple avec quelques caractères répétitifs. Quelqu'un peut-il m'aider à co...
Depuis 2024-03-31 10:50:33
0
2
368
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal