用JQ来完成。图片用CSS相对定位，Z轴0或1什么的都可以。JQ得出图片的宽和高。鼠标点击时，获取鼠标相对于图片的所在x，y，并生成一个div元素。此元素为绝对定位，3*3大小，边框、背景要显眼。
创新互联专注于企业营销型网站、网站重做改版、定兴网站定制设计、自适应品牌网站建设、HTML5建站、成都商城网站开发、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为定兴等各大城市提供网站开发制作服务。
jQuery的插件使用方法具体步骤如下：调用库文件使用jQuery必须链接jQuery的库文件，无论是压缩版还是正常版，必须至少在网页中链接一个；调用Jquery插件应用做好的jQuery插件效果。
可以考虑前两张图片直接加载，剩下的这些不要用style.display=none，而是轮到要显示指定的图片时再在图片容器（比如div节点里）添加 如果使用的是背景图片显示的话，也不要一开始就设置背景样式，轮到显示的才设置。
1、Slideshow是一个简约的图片滑动切换插件。它可以根据窗口的大小调整图片的大小，并有一条很窄很酷的缩略图功能。
2、HTML5 Canvas实现会跳舞的时间动画这款HTML5动画非常有意思，首先它的原型是一个时钟，但是canvas技术的使用，让这个时钟没走动一秒都会产生圆球散落的动画特效，非常的酷。
3、）Twitter Bootstrap Bootstrap是最流行的HTML5框架之一。这是一款用于Web开发的时尚、直观、强大的前端框架。它有着用于开发响应式网站的所有组件，如12列响应式网格、定制jQuery插件、bootstrap编辑器等等。
4、前言因为一些特殊的业务需求，经过一个多月的蛰伏及思考，我开发了这款 jQuery 图片查看器插件 Magnify，它实现了 Windows 照片查看器的所有功能，比如模态窗的拖拽、调整大小、最大化，图片的缩放、旋转，平移、键盘控制等。
5、jquery乌鸦飞行动画 这只乌鸦够萌的，貌似飞得好开心的样子，一起来围观吧。jQuery结合CSS实现右上角翻页效果示例及源码 这是一个网页右上角撕页效果，用来放些广告比较合适，既大气又能尽可能小地给用户带来麻烦。
zDialog.js插件。是一个包含各种弹窗的前端插件。ace.min.js插件，ace-element.min.js插件，是基于Bootstrap Ace模板的菜单和包含Tab页效果。jquery.flot.js插件，Jquery的图表插件float。
HTML5 Canvas实现会跳舞的时间动画这款HTML5动画非常有意思，首先它的原型是一个时钟，但是canvas技术的使用，让这个时钟没走动一秒都会产生圆球散落的动画特效，非常的酷。
，HTML snippets(Visual Studio Code HTML snippets)这是一款前端开发者必备的扩展，它能将你从手动键入每个标签中解放出来。只需输入 div 然后按下回车，一对标签就出现了。
Open-In-Browser 由于 VSCode 没有提供直接在浏览器中打开文件的内置界面，所以此插件在快捷菜单中添加了在默认浏览器查看文件选项，以及在客户端（Firefox，Chrome，IE）中打开命令面板选项。
AptanaStudio AptanaStudio是一个集成式的Web应用程序开发环境，它不仅可以作为独立的程序运行，而且还可以作为Eclipse插件使用。所以，如果您已经安装了Eclipse的话，就可以将Aptana作为插件直接安装到您的Eclipse环境中。
Postman：一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。可以让我们很方便的对RESTAPI等HTTP服务接口进行测试。UserAgentSwitcher：从名称我们就可以看出来，用来更换浏览器的UserAgent。
首先我们创建一个简单的项目，如图所示包括html，css和img三个。这里是html文件，引入css和html代码文件，如图所示。这里是css文件代码，上面是div和图片显示的效果代码，后面是动画效果。
此时利用HTML5和CSS3技术，设计出有效的网页表单交互设计模型，如此一来就可以避免网页运行速度缓慢的问题。
为x-offset设置负值会将阴影位置改变到左边，为y-offset设置负值会将阴影位置改变到头部。我们也可以使用RBGA设置阴影的颜色。你可以设置一组text-shadow，中间以逗号相隔。
