JQuery图片的显示和隐藏

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><!--1. 导入JQ相关的文件2.  文档加载完成事件: $(function)  : 页面初始化的操作: 绑定事件, 启动页面定时器3. 确定相关操作的事件4. 事件触发函数5. 函数里面再去操作相关的元素--><script type="text/javascript" src="../../js/jquery-1.11.0.js" ></script><script>$(function(){//显示页面图片//给按钮绑定事件$("#btn1").click(function(){//                  $("#img1").show();
//                  $("#img1").slideDown();
//                  $("#img1").fadeIn(5000);$("#img1").animate({ width:"800px",opacity:"1"},5000);});//隐藏页面图片$("#btn2").click(function(){//获得img
//                  $("#img1").hide(10000);
//                  $("#img1").slideUp(500);
//                  $("#img1").fadeOut(5000);$("#img1").animate({ width:"1366px",opacity:"0.2"},5000);});});</script></head><body><input type="button" value="显示" id="btn1" /> <input type="button" value="隐藏" id="btn2"/> <br /><img src="../../img/333.png" id="img1" width="500px" /></body>
</html>

JQuery图片的显示和隐藏相关推荐

网站中图片的显示和隐藏
网站中图片的显示和隐藏显示图片:img.style.display="block"; 隐藏图片:img.style.display ="none"; < ...
左部导航实现图片的显示和隐藏（display：none和block的使用）
左部导航实现图片的显示和隐藏效果展示代码 HTML CSS 效果展示代码 HTML <!DOCTYPE html> <html lang="en"> ...
jQuery动画的显示与隐藏效果
jQuery中用于控制元素显示和隐藏效果的方法如表1所示. 表1 控制元素的显示和隐藏在表1中,参数speed表示动画的速度,可设置为动画时长的毫秒值(如1000),或预定的3种速度(slow.fa ...
jQuery动画的显示与隐藏效果！
jQuery中用于控制元素显示和隐藏效果的方法如表1所示. 表1 控制元素的显示和隐藏在表1中,参数speed表示动画的速度,可设置为动画时长的毫秒值(如1000),或预定的3种速度(slow.fa ...
【JavaWeb】JQuery实现广告显示和隐藏动画效果
我们经常会看到几秒后出现了广告,显示了几秒后广告就消失了,下面就用JQuery框架来实现这个功能. 代码如下: <!DOCTYPE html> <html> <head& ...
【jQuery/CSS】显示或隐藏元素
1. CSS分别有display.visibility两个样式可以用于隐藏或显示HTML元素 1) display样式有多个类型的值可选择,默认值为inline,隐藏后会释放元素所占用的页面空间(详见 ...
JQuery 动画滑动显示和隐藏方式 slideDown\slideUp\slideToggle
滑动显示和隐藏方式 slideDown([speed], [easing],[fn]) slideup( [ speed, [easing],[fn]]) slideToggle([speed], [ ...
jquery 操作 input显示或者隐藏
<input id="hfl" name="hfl" style="display:none"> 通过jquery操作来控制隐藏 ...
jquery 判断元素显示或隐藏
$().is(":hidden"); $().is(":visible"); 转载于:https://www.cnblogs.com/sallet/p/4000 ...

JQuery图片的显示和隐藏

JQuery图片的显示和隐藏相关推荐

最新文章

热门文章