`
leifeng2
  • 浏览: 142504 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

弹动的图片

    博客分类：
  • css
XHTMLHTML 
阅读更多 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>会动的图片</title>
<style>
</style>
</head>
<body>
<table border="0">
<tr>
 <td height="50" width="150" align="left" valign="top">
 <img id="img1" src="../Pictures/bg5_6_2.gif"   onmouseover="change( this,'0')" onmouseout="change(this,'1')" />
 </td>
 <td height="50" width="150" align="left" valign="top">
 <img id="img1" src="../Pictures/bg5_6_2.gif"   onmouseover="change( this,'0')" onmouseout="change(this,'1')" />
 </td>
 <td height="50" width="150" align="left" valign="top">
 <img id="img1" src="../Pictures/bg5_6_2.gif"   onmouseover="change( this,'0')" onmouseout="change(this,'1')" />
 </td>  
</tr>
</table>

</body>
</html>

<script>
 function change(obj,i)
 {

	 if(i=="0")
	 {
       obj.style.marginLeft="2px"
	   obj.style.marginTop="2px";
	 }
	else
	{
       obj.style.marginLeft="0px";
	   obj.style.marginTop="0px";
	}
 }
</script>

 

分享到：
| css div style
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery实现图片动态弹出效果

    在本文中，我们将深入探讨如何使用jQuery库来实现图片的动态弹出效果，以及与之相关的淡入淡出效果和遮盖层的设置。jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。通过...

    jquery响应式图片点击弹出图片放大查看效果

    在网页设计中，实现“jquery响应式图片点击弹出图片放大查看效果”是一种常见的功能，它为用户提供了一种直观的方式来查看网页中的图片细节。这个功能通常应用于产品展示、摄影网站或者任何需要突出显示图片的场景。...

    自动弹出，图片弹出

    1. **JavaScript基础**：图片弹出的核心是JavaScript，一种广泛使用的客户端脚本语言，用于实现动态网页效果。通过JavaScript，开发者可以监听用户的点击事件，并执行相应的代码来显示或隐藏图片弹窗。 2. **DOM...

    HTML5/CSS3图片左右切换弹性动画

    这个插件可能包含了一个主JS文件和相关的CSS文件，用于实现图片的水平弹动和动画效果。JS文件可能定义了插件的主要逻辑，包括初始化、事件绑定和动画执行，而CSS文件则负责样式设定，确保动画视觉上的流畅和美观。 ...

    弹出图片代码

    在IT行业中，弹出图片代码通常是指一种网页交互设计，让用户点击某个按钮或者链接后，一个包含图片的新窗口或模态框会出现在页面上。这种技术可以增强用户体验，特别是用于展示大图、细节视图或者多媒体内容。在这个...

    JS特效(弹出窗口、浏览图片等)

    在这个主题中，我们将深入探讨弹出窗口和图片浏览这两个常见的JS特效。 1. 弹出窗口（Popup Window） 弹出窗口通常用于显示警告信息、用户确认对话或者提供额外的信息输入区域。在JS中，我们可以使用`window.alert...

    手机端图片弹出层查看(支持左右滑动图片切换)

    在移动应用开发中，"手机端图片弹出层查看(支持左右滑动图片切换)"是一个常见的功能需求，尤其在电商、社交或者媒体类应用中，用户可能需要查看大图，而这种查看方式通常以弹出层的形式呈现，方便用户在不离开当前...

    jQuery图文排版点击弹出图片特效.zip

    本文将深入探讨“jQuery图文排版点击弹出图片特效”这一主题，这是利用jQuery创建的一种常见用户体验增强功能，使得用户在网页浏览时能够更便捷地查看和交互图片。 首先，这个特效的核心功能是当用户在图文排版中...

    点击小图片弹出大图片特效(asp.net)

    然后，它在页面上动态创建一个弹出层，并在其中添加大图片，设置相应的样式使其居中显示。此外，还添加了一个关闭按钮和点击背景关闭的功能。 在ASP.NET后端，你需要确保服务器能够正确处理图片请求，无论是小图片...

    div弹出层打包，包括弹出图片浏览

    1. **弹出层核心代码**：这可能是JavaScript或者jQuery插件，负责处理弹出层的显示、隐藏以及动态效果，如淡入淡出、滑动等。 2. **图片浏览器**：可能包含一个图片预览系统，用户可以点击缩略图来查看大图，类似于...

    qt 实现弹幕 动画 图片 文字

    在本文中，我们将深入探讨如何使用Qt框架来实现弹幕功能，包括支持动画GIF、图片和文字的组合，以及确保多个弹幕不相互覆盖显示。Qt是一个强大的跨平台应用程序开发框架，它提供了丰富的图形用户界面（GUI）工具包，...

    鼠标停留图片弹出图片的代码

    在网页设计中，为了增强用户体验，常常会使用一种技术，即当鼠标停留在某张图片上时，会弹出一个更大的预览图片。这种效果通常被称为“悬停放大”或“图片预览”，它能够让用户无需离开当前页面就能查看图片的详细...

    JS弹出层效果，可以弹出图片等

    在JavaScript的世界里，弹出层效果是一种常见的交互设计，它能够提供一种非侵入式的用户界面，用于显示信息、图片、视频或者任何其他内容。"JS弹出层效果，可以弹出图片等"这个主题主要涉及到JavaScript技术以及如何...

    jQuery动画弹出放大相册图片预览插件

    这款插件的主要功能是为用户提供一个优雅且动态的方式来预览相册中的图片，通过弹出放大效果增强用户体验。在网页上，用户通常会遇到需要展示一系列图片的情况，如产品展示、旅行照片或艺术作品等。这种插件就是为了...

    单击图片弹出并切换

    在IT领域，"单击图片弹出并切换"这一功能通常是网页或应用程序中常见的交互设计。用户通过点击图片，一个包含更多相关信息的弹窗会出现，并且可以在其中切换不同的内容。这种设计增强了用户体验，使得信息展示更为...

    html5点击图片弹出详细信息特效

    可以将图片的元数据（如标题、作者、描述等）存储在localStorage中，当用户点击图片时，再从localStorage中读取这些信息并显示在弹出框内。 另外，HTML5的`&lt;details&gt;`和`&lt;summary&gt;`标签也可以用来创建可折叠的内容...

    点击图片弹出浮层

    在IT行业中，创建一个“点击图片弹出浮层”的功能是一项常见的交互设计，它能提供良好的用户体验，特别是在展示图片集如QQ空间相册时。这个功能的核心在于利用前端技术实现图片预览，允许用户在点击单张图片后，不...

    html5图片响应式布局点击弹出大图切换特效

    这个功能使得用户在浏览网页时，可以点击小图预览模式，以弹出的方式查看全尺寸的大图，并且支持在多张图片间进行平滑切换。以下是关于这个主题的详细解释： 1. **HTML5新特性**： - `data-*` 属性：HTML5允许...

    在Excel工作表中插入动态图片.rar

    在Excel工作表中插入动态图片是一项实用且富有创意的功能，它可以极大地增强数据表现力和交互性。动态图片根据用户在工作表中选择的不同内容而显示相应的图像，这在数据分析、报告展示或者教学演示中非常有用。下面...

Magicbox
Global site tag (gtag.js) - Google Analytics