js滑动提示效果代码分享
2016-03-10 00:00
676 查看
本文实例为大家分享了js滑动提示效果,供大家参考,具体内容如下
js代码漂亮的动画效果;在靠右上角:背景颜色为红,字体颜色为白色 滑动 变大 上移 缓慢渐变消失
前台代码,写在body里:
希望本文所述对大家学习javascript程序设计有所帮助。
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
Javascript实现滑块滑动改变值的实现代码
Chrome扩展页面动态绑定JS事件提示错误
js通过更改按钮的显示样式实现按钮的滑动效果
原生javascript模仿win8等待提示圆圈进度条
js判断横竖屏及禁止浏览器滑动条示例
离开当前页面前使用js判断条件提示是否要离开页面
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
js实现touch移动触屏滑动事件
js代码漂亮的动画效果;在靠右上角:背景颜色为红,字体颜色为白色 滑动 变大 上移 缓慢渐变消失
function tishi() { $("#tishi").attr("style", "border: 1px solid #000;position: absolute; z-index: 10; width:200px; height: 30px;color:white;background-color:Red;border-radius:25px;-moz-border-radius:25px; text-align:center;left:70%; top:10%; display: none"); $("#tishi").show().animate({ width: '300px', height: '37px', top: '-=10px' , opacity: '0.8' }, "slow"); $("#tishi").show().animate({ top: '-=10px' , opacity: '0.6' }, "slow"); $("#tishi").show().animate({ top: '-=10px' , opacity: '0.4' }, "slow"); $("#tishi").show().animate({ top: '-=10px' , opacity: '0.2' }, "slow"); $("#tishi").show().animate({ top: '-=10px' , opacity: '0.0' }, "slow"); }
前台代码,写在body里:
<div id="tishi" style="border: 1px solid #000; position: absolute; z-index: 10; width:200px; height: 30px;color:white; background-color:Red;border-radius:25px; -moz-border-radius:25px; /* 老的 Firefox */ text-align:center;left:70%; top: 10%; display: none">请完善信息</div>
希望本文所述对大家学习javascript程序设计有所帮助。
您可能感兴趣的文章:
javascript 仿QQ滑动菜单效果代码博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
Javascript实现滑块滑动改变值的实现代码
Chrome扩展页面动态绑定JS事件提示错误
js通过更改按钮的显示样式实现按钮的滑动效果
原生javascript模仿win8等待提示圆圈进度条
js判断横竖屏及禁止浏览器滑动条示例
离开当前页面前使用js判断条件提示是否要离开页面
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
js实现touch移动触屏滑动事件
相关文章推荐
- JavaScript 就要统治世界了?
- 用JS实现常用算法
- js 弹出对话框3种方式
- js的一些页面处理(iframe的高度可变,回车提交)
- JavaScript常用判断函数
- 使用Javascript评估用户输入密码的强度
- JS操作Cookies
- Javascript 作用域和变量提升
- JSON对象,NSDictionary,NSString间的转换之NSJSONSerializati
- JSON对象转换成Byte(字节)数组
- js数组排序
- js 全部替换
- JS小数点乘法除法问题详解
- 运用Ajax和JSON对象实现JSP和Servlet的数据传递
- js中几种方法的总结。(实例方法、类方法、原型方法)
- [RxJS] Changing Behavior with MapTo
- JSP和Servlet的区别
- EXTJS 5 学习笔记2 - Components
- EXTJS 5 学习笔记1 - Class System
- js库Modernizr的介绍和使用