`
zengshaotao
  • 浏览: 787937 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

动画效果

 
阅读更多

<html>
<head>
<script language="javascript" src="jquery.min.js" />
<script language="javascript">
$(function(){
 $("input:first").click(function(){
  ${"p"}.hide(1000);
 });
 $("input:last").click(function(){
  ${"p"}.show();
 });
 $("input:eq(2)").click(function(){
  ${"img"}.fadeIn();
  //${"img"}.fadeOut();
  //slideUp(),slideDown()展示幻灯片的效果
  $("div").add("img").slideUp(1000)
 });

 
});
function detect(){
 if($.browser.msie){
  return "IE";
 }else if($.browser.mozilla){
  return "Mozilla";
 }
}
var sBrowser = detect();
document.write("浏览器"+sBrowser+"<br>版本"+$.browser.version);
//盒子模型是对内容的长宽定义的范围问题,在Document头信息声明时可以改变
//$.boxModel?"标准W3C":"IE"
$.each(object,fn);
fn函数将对object进行处理
//针对对象
$.each($.browser,function(property,value){
 document.write("属性"+property+"值"+value)
})
//对数组大于4的数进行过滤
$.grep(Array,function(value){
 return value>4;
})
var arr=["a","b","c"];
//设置p标记里的文本
$("p:eq(0)").text(arr.join());
//对数组的值进行转换
arr = $.map(arr,function(value,index){
 return (value.toUpperCase()+index);
})
</script>
</head>
<body>
 <input type="button" value="Hide">
 <input type="button" value="Show">
 <img src="02.jpg"></p>
 <p>点击按钮,看看效果<br>
 <span>一段其它的文字</span>
 <div></div>
</body>
</html>

分享到:
评论

相关推荐

    超炫button按钮动画效果

    本文将深入探讨如何实现“超炫button按钮动画效果”以及相关的Activity切换动画,让您的应用界面更具吸引力。 首先,让我们关注按钮动画。在Android中,我们可以使用多种方法来创建动画,如属性动画(Property ...

    Winform窗体动画效果

    在Windows Forms(Winform)应用开发中,引入动画效果可以极大地提升用户体验,使得应用程序看起来更加生动和专业。本文将深入探讨如何在Winform中实现窗体动画效果,并提供相关的资源和实践方法。 首先,理解...

    WPF各种动画效果例子

    它提供了强大的图形渲染和用户体验设计能力,其中包括各种动画效果。本压缩包文件包含了一系列WPF动画效果的例子,可以帮助开发者深入理解和实践这些技术。 在WPF中,动画是通过Timeline类和Storyboard类来实现的。...

    MFC窗口特效之动画效果

    在本主题中,我们关注的是"MFC窗口特效之动画效果",这涉及到如何为对话框或其派生类添加动态的打开和关闭动画。 首先,让我们理解什么是动画效果。在计算机图形学中,动画是通过连续显示一系列稍有差异的画面来...

    Qt自定义控件动画效果按钮

    本文将深入探讨如何在Qt中为按钮添加动画效果,以增强用户界面的交互性和吸引力。 首先,我们需要了解Qt中的QGraphicsView和QGraphicsItem体系,这是实现动画效果的基础。QGraphicsView提供了一个二维图形视图框架...

    ASP.NET窗体动画效果

    标题中的"ASP.NET窗体动画效果"指的是在ASP.NET Web Forms中创建动态的、视觉吸引人的动画效果。描述中的源码演示了如何利用ASP.NET来实现这样的动画。 在ASP.NET Web Forms中,我们通常使用服务器控件和客户端脚本...

    androidの高仿支付宝扫描动画效果

    在Android开发中,实现支付宝扫描动画效果是一种提升用户体验的重要手段,尤其在支付、扫码等应用场景中。本教程将深入探讨如何在Android项目中创建一个高仿支付宝的扫描动画效果,帮助开发者实现类似的功能。 首先...

    wpf窗体打开和关闭的动画效果

    在Windows Presentation Foundation (WPF) 中,为窗体(Window)添加打开和关闭的动画效果是一种增强用户体验的有效方法。WPF 提供了丰富的动画系统,允许开发者创建各种复杂的视觉效果,包括平滑的窗体过渡动画。...

    安卓动画效果相关-Android技术实现使图像实现动画效果.rar

    在Android开发中,动画效果是提升用户体验的关键因素之一。这个压缩包文件“安卓动画效果相关-Android技术实现使图像实现动画效果.rar”包含了若干个示例,可能涉及到Android平台上的不同类型的图像动画技术。虽然...

    android 各种加载动画效果

    在Android开发中,加载动画效果是提升用户体验的重要一环,特别是在数据加载、网络请求或界面切换时,良好的加载动画能够使用户在等待过程中感受到趣味性和专业性。本资源包"android 各种加载动画效果"提供了多种...

    delphi实现动画效果

    本主题聚焦于“delphi实现动画效果”,这涉及到图形处理和用户界面动态呈现的技术。在Delphi中创建动画效果通常需要理解几个关键概念和组件,包括图形对象、定时器组件、事件驱动编程以及绘图API。 1. **图形对象**...

    android 头像显示效果(头像散开动画效果)

    在本篇文章中,我们将深入探讨如何实现这样一个头像散开动画效果。 首先,我们需要理解动画的基本概念。Android提供了多种动画机制,包括属性动画(Property Animation)、视图动画(View Animation)和过渡动画...

    简单易用的jQuery页面切换动画效果

    其次,展现的动画效果依赖于CSS3动画,so,新老结合实现的动画效果 使用方法: 1、将head中的CSS引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (注意保持图片路径正确即可)

    c# Winform程序窗体动画效果

    在C# Winform应用程序开发中,为窗体添加动画效果可以极大地提升用户体验,使界面更加生动有趣。本文将深入探讨如何在C# Winform中实现窗体的各种动画效果,包括淡入淡出、平移、缩放等,并提供相应的代码示例。 1....

    ExpandableListView展开折叠动画效果

    在给定的标题和描述中提到的“展开折叠动画效果”,是指在`ExpandableListView`中,当用户点击一个组(group)时,其子项(child)以动画的形式展开或折叠,增强用户体验。 要实现这种动画效果,开发者通常需要...

    swiper-animateControl最新动画效果1.03

    6、实现了排版效果、动画效果、动画控制的完美分离,极大的提高了开发效率,能够在很短的时间内实现复杂的动画效果控制。 7、animateControl 不与swiper结合时,可对网页中的其它元素添加动画效果,并进行控制。 8、...

    安卓动画效果相关-安卓收藏和取消收藏的点击小动画.rar

    在安卓应用开发中,动画效果是提升用户体验的关键因素之一。"安卓动画效果相关-安卓收藏和取消收藏的点击小动画.rar" 这个压缩包文件很可能是包含了一系列用于实现收藏和取消收藏操作时的交互动画资源。这些动画可能...

    WPF图片动画效果切换

    在Windows Presentation Foundation (WPF) 中,实现图片的动画效果切换是一种常见的视觉增强技术,能够为用户界面增添动态感和吸引力。WPF 提供了强大的图形渲染和动画框架,使得开发者能够轻松创建出复杂的视觉效果...

    winform选项卡控件 切换动画效果 项目源码 含demo

    1. **选项卡动画效果**:传统的WinForm选项卡控件在切换时通常没有动画过渡,而这个项目引入了多种动画效果,如平滑滑动、淡入淡出等,这些效果可以从不同方位进入,增强了用户体验。 2. **自定义控件**:为了实现...

    Qt利用帧动画实现所有动画效果(QWidget)

    在Qt框架中,帧动画(QPropertyAnimation)是一种强大的工具,可以用来实现各种复杂的动画效果。本教程将探讨如何利用Qt的帧动画机制在QWidget上创建动态视觉效果。通过访问提供的博客文章链接...

Global site tag (gtag.js) - Google Analytics