很基础的一个功能,点击左下角的图标按钮,地图的整个div会变大,变大预览之后,再次点击图标按钮,地图的整个div会变小,恢复原样,两个图标在地图界面的放大和缩小时间不断的切换图标状态(箭头向里面,或者箭头向外面) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://code.…
今天在项目中遇到的一个问题:点击按钮使用layer弹框弹出一张图片,需要加一个鼠标滚轮放大缩小,图片也跟着放大缩小的功能.于是在网上找了一个demo. DEMO: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http…
我们使用点击显示.点击隐藏的时候,一般有两种可选方案 .示例 html <div class="index"> <h1> 首页 </h1> <button id="btn">点击</button> </div> 最简单的方法:toggle()   点击显示 h1 和 点击 隐藏 h1 $(function () { $("#btn").click(function () {…
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <style type="t…
本文是承接 上一篇的<自定义鼠标滚动事件>  的基础上实现的,建议大家先看一下上一篇的mousewheel的实现,再浏览下文: 上篇中我们介绍到: $element.mousewheel(function(dir){ console.log(dir) ; }) 得到的结果为:鼠标滚轮 向上滚动 dir-->1, 向下滚动 dir-->-1 ok,有了这个结果 我们就可以做下边的工作了... to know what's I want... 目标: 滚动鼠标滚轮实现图片合理的放大缩小…
<!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-…
<!DOCTYPE html> <html> <head> <style> .anim{ width: 100px; height: 100px; background-color: red; } .anim-show { transition: 0.7s; transform:translate(100px,100px) scale(1.5); } .anim-show1 { transition: 0.7s; transform:translate(10…
不多说,先上图片看效果,猫猫分享.必须精品 原创文章.欢迎转载.转载请注明:翟乃玉的博客 地址:viewmode=contents">http://blog.csdn.net/u013357243?viewmode=contents 这个小程序主要实现点击方向键能够让图标上下左右动还有放大缩小以及旋转的功能.点击图片会显示还有一张图片. 点击变换 事实上用到了按钮的两个状态.再State Config中的Default还有Highlighted的两个状态下background内容图片的设置…
不多说,先上图片看效果,AJ分享,必须精品 这个小程序主要实现点击方向键可以让图标上下左右动还有放大缩小以及旋转的功能,点击图片会显示另一张图片. 点击变换 其实用到了按钮的两个状态,再State Config中的Default还有Highlighted的两个状态下background内容图片的设置 其实就是按钮的几个状态: Default:默认状态 Highlighted:被点击时候的高亮状态 Selected:被选中的时候的状态 Disabled:不能使用的时候的状态 移动 - (IBAct…