900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 使用JQ来编写最基本的淡入淡出效果附演示动画【jquery】

使用JQ来编写最基本的淡入淡出效果附演示动画【jquery】

时间:2021-07-26 13:30:54

相关推荐

使用JQ来编写最基本的淡入淡出效果附演示动画【jquery】

web前端|js教程

淡入,淡出

web前端-js教程

jQuery是一个JavaScript 库,也就是对JavaScript的扩展,用来满足各种日益增加的不同特效需求。其实质就是JavaScript

php论坛界面源码,制作最小的ubuntu,打开tomcat会闪一下,在线爬虫ssm项目,什么是php的会话控制技术,曲靖seo如何lzw

下面来编写一个最基本的JQ程序来说明JQ。

网狐综合所有子游戏源码大合集,ubuntu安装exe出错,爬虫获取加载网页,php goto 还原,广西黑客seolzw

A、基本目标

乐视电视大屏开发源码,ubuntu启动的nimte,tomcat能接受多少请求,爬虫餐饮应用,php正则excel,抖音视频seo怎么做lzw

网页中有如下三个按钮,一个只能隐藏文本,一个只能显示文本,一个同时能隐藏与显示文本,点击一下显示,再点击一下隐藏,无限循环。

B、制作过程

1.首先你要到JQ官网中下载一个JQ支持文件放入你的站点文件夹。这个支持文件是jQuery1.11,可以到jQuery官网中下载兼容旧浏览器IE6的jQuery1.11,而不是不兼容旧浏览器IE6的jQuery2。

2.整个网页代码如下,再分片段进行说明:

$(document).ready(function() { $("#hide").click(function() { $("#text").hide(); }); $("#show").click(function() { $("#text").show(); }); $("#toggle").click(function() { $("#text").toggle(); }); }); <!-- #text{ display:none } -->JQ淡出与显示

被折腾的文本

(1)部分

部分主要是实现核心代码部分,放在后面来讲,先说部分

被折腾的文本

(2)部分

$(document).ready(function() { $("#hide").click(function() { $("#text").hide(); }); $("#show").click(function() { $("#text").show(); }); $("#toggle").click(function() { $("#text").toggle(); }); }); lt;!--这段控制默认是显示还是不显示 #text{ display:none } ->JQ淡出与显示

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。