communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > 基于jquery的代码显示区域自动拉长效果_jquery

基于jquery的代码显示区域自动拉长效果_jquery

WBOY
Libérer： 2016-05-16 17:58:35
original
1185 Les gens l'ont consulté

下面是jquery的实现代码：

复制代码 代码如下:

$(document).ready(function(){

$('pre').hover(
function(){
if($(this).width()==520){
$(this).animate({width:'800'},400);
$(this).css({border:'1px solid #2B99E6'});
}
},
function(){
if($(this).width()==800){
$(this).animate({width:'520'},400);
$(this).css({border:'1px solid #555555'});
}
}
);
Étiquettes associées：
区域自动拉长
source：php.cn
Article précédent：EasyUI的treegrid组件动态加载数据问题的解决办法_jquery Article suivant：cnblogs 代码高亮显示后的代码复制问题解决实现代码_javascript技巧
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
Coupez et calculez le numéro de mobile dans le champ de zone de texte du formulaire php J'ai un champ de zone de texte dans mon formulaire où je peux copier et coller un numéro d...
Depuis 2024-03-31 08:46:11
0
1
314
Comment puis-je définir le focus sur un élément dom nouvellement (auto) rendu ? J'ai un champ de saisie qui remplace automatiquement par une zone de texte et le même cont...
Depuis 2024-03-30 23:59:45
0
2
457
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