用html5 +css实现 点击之后 让图片自己一点点的从点击的地方完全移出显示 的效果怎么做 急 !

如题所述

第1个回答  2015-10-29
这种效果很简单的,得用js或jquery实现,纯html+css不容易实现,即便你用html5实现,一般到实战情况下也是用不到的,没个卵用,以下是jquery实现
<style type="text/css">
.dianji{width:300px;height:300px;border:solid 1px green;overflow:hidden;}
.dianji img{display:none;}
</style>
<div class="dianji"><img src="1.jpg" /></div>
<script src="引入jquery" type="text/javascript"></script>
<script type="text/javascript">
$(".dianji").click(function(){
$(".dianji img").fadeIn(5000);
});
</script>追问

那HTML5知道怎么实现吗?主要是老大要我用HTML做,现在效果我已经做出来了 就是不知道点击事件怎么弄,不用jquery

本回答被提问者采纳

...让图片自己一点点的从点击的地方完全移出显示 的效果怎么做 急...
这种效果很简单的,得用js或jquery实现,纯html+css不容易实现,即便你用html5实现,一般到实战情况下也是用不到的,没个卵用,以下是jquery实现 <style type="text\/css"> .dianji{width:300px;height:300px;border:solid 1px green;overflow:hidden;} .dianji img{display:none;} <\/style> <div...

html5点击文字从右侧滑出层的代码
\/\/通过ID来获取菜单主体 btn.addEventListener("click", menuClick);\/\/绑定事件:点击的时候触发函数 }; function menuClick() {\/\/思路:当现在菜单是关闭的时候点击按钮菜单CSS动画显示,然后添加class “open”,删除class “close”\/\/ 当现在菜单是打开的时候点击按钮菜单CSS动画消失,然...

css如何让背景图全屏显示css如何让背景图全屏显示出来
步骤一、首先打开需要修改的HTML文件。步骤二、然后始化样式,将代码添加在标签内。步骤三、添加一个p容器,然后命名为bg-box步骤四、背景全屏需要容器全屏,将bg-box的样式补全。步骤五、设置完毕,图片背景以及全屏了。我用HTML做了一个页面想让他在手机浏览器中全屏显示,可是只用了多一半屏幕?首先建...

怎么用html5或js调用手机的摄像头拍照上传以及调用手机相册选取照片...
1、实现头的方法代码。2、编写CSS样式的方法代码。3、html上传代码。4、JS处理方法代码。5、测试结果如下。注意事项:JavaScript是一种网络脚本语言,在web应用开发中得到了广泛的应用,它经常被用来为网页添加各种动态功能,为用户提供更加流畅美观的浏览效果,通常JavaScript脚本被嵌入到HTML中来实现自己的...

如何使网页在PC端和移动端的显示效果一样
详情请查看视频回答

小程序开发用什么语言?
小程序开发使用的语言本质上就是JS+CSS+HTML5,不过不能直接用HTML标签,微信提供一个组件库,没有DOM和其他浏览器上的API;网络、Canvas等也重新包装过。对于微信小程序而言,前端程序是唯一差异于网站建设技术的,因此,只要使用JS+CSS+HTML5让前端程序过得了关,能够写前端的接口,那么使用PHP,又或者...

UI设计的目的?
好的 UI 设计能够明显提升用户的使用体验,从而给产品带来更多的附加值,所以UI 设计对于互联网产品是非常重要的。目前 UT 设计通常分为两个大的工作方向,一个是交互设计,另一个是视觉设计。总的来说,UI 设计相比较于编程而言,还是非常适合大众学的并且就业前景很广阔。学完 UI 设计,能获得一份稳定...

web前端工程师和网页设计师的区别?
1、web前端工程师:利用(X)HTML\/CSS\/JavaScript\/Flash等各种Web技术进行客户端产品的开发人员。2、网页设计师:指精通Photoshop,Coreldraw,Frontpage,Dreamweaver等多项网页设计工具的网页设计人员。二、职责不同 1、web前端工程师:完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及Flash模块,同时...

css和html的发展和现状(html与css的作用)
(4)W3C推出了XHTML2,但是由于其在兼容方面的问题,难以发挥其效能,接着越来越多的主流浏览器开始对于W3C的开发行为提出反对,并且要求在HTML的基础上实现新的拓展,在没有达成共识之后,主流浏览器自发组织成立了超文本应用技术小组,那就是WHATWG,他们关注于WebForms2和WebAppsl,并且将其融合在一起,形成了全新的HTML5...

web前端开发需要掌握的几个必备技术
第一阶段:HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件...

相似回答