本文实例讲述了js实现文字在按钮上滚动的方法。分享给大家供大家参考。具体如下: 文字在按钮上滚动,以吸引人的注意,点击按钮后跳转到指定的网址,运行本演示代码后,在效果演示区可看到文字在按钮内的滚动效果。按钮的颜色和文字大小都可以重新定义。 运行效果如下图所示:在线演示地址如下: http://demo.jb51.net/js/2015/js-txt-scroll-button-style-codes/ 具体代码如下: <HTML> <HEAD> <TITLE>文字在按钮上滚动</TITLE> <...
本文实例讲述了js实现按钮颜色渐变动画效果的方法。分享给大家供大家参考。具体如下: 这里演示js实现按钮慢慢变色的方法,鼠标移到按钮上,按钮的背景色就发生变化,是慢慢的变化,点击按钮会打开指定链接,这里主要是演示按钮变色的代码实现方法。 运行效果截图如下:在线演示地址如下: http://demo.jb51.net/js/2015/js-button-cha-color-animate-codes/ 具体代码如下: <HTML><HEAD><TITLE>按钮慢慢变色</TITLE> <STYLE type=...
本文实例讲述了js实现iPhone界面风格的单选框和复选框按钮。分享给大家供大家参考。具体如下: 这里使用JS美化仿iPhone风格的单选框和复选框按钮效果,使用了jQuery代码,附有完整实例及使用方法,现在,iPhone风格确实流行,希望大家也喜欢。 运行效果截图如下:在线演示地址如下: http://demo.jb51.net/js/2015/js-iphone-radio-checkbox-button-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio...
本文实例讲述了JavaScript实现给按钮加上双重动作的方法。分享给大家供大家参考。具体如下: 这里使用JavaScript给网页上按钮加入同时加入两个动作,一个是在文本框显示文字,另一个则是转向到某个网址,以往的按钮跳转都是单一的,这一个又在跳转时加入了将文字赋值给文本框的动作,搞懂了原理,就可以灵活运用了。 运行效果截图如下:在线演示地址如下: http://demo.jb51.net/js/2015/js-button-two-action-codes/ 具体代码如下...
本文实例讲述了jQuery实现时尚漂亮的幻灯片特效,基本能满足你在网页上使用幻灯片(焦点图)效果。分享给大家供大家参考。具体如下: 幻灯片效果描述:用鼠标点击右下角数字按钮幻灯片进行左右切换进行切换。 运行效果截图如下:具体实现代码:<head><title>Jquery幻灯片焦点图插件</title> <script src="js/jquery-1.4a2.min.js" type="text/javascript"></script> <script src="js/jquery.-1.2.1.min.js" type="text/javascrip...
这篇文章主要介绍了jQuery实现幻灯片焦点图,可实现非常炫目时尚的幻灯片效果,非常具有实用价值,基本能满足你在网页上使用幻灯片(焦点图)效果,具体如下 幻灯片效果描述:用鼠标滑过右下角数字按钮幻灯片进行左右切换进行切换。 自定义切换参数效果:向下切换、切换时间为8秒、鼠标滑过按钮时切换 运行效果截图如下:具体代码如下<head><title>Jquery幻灯片焦点图插件</title> <script src="js/jquery-1.4a2.min.js" type="tex...
本文实例讲述了JS实现点击复选框将按钮或文本框变为灰色不可用的方法。分享给大家供大家参考。具体如下: 在注册时候经常会看不到,如果不点击阅读注册许可的话,提交按钮是灰色的,失效不能提交,必须点它一下,这个JS代码就是实现这样一个功能,只有你点击了确认提交,下边的按钮才生效。 运行效果如下图所示:具体代码如下: <html> <head> <title>点击复选框按钮变为不可用</title> </head> <script> var checkobj function ag...
本文实例讲述了JavaScript实现点击单选按钮改变输入框中文本域内容的方法。分享给大家供大家参考。具体如下: 这里实现点击单选按钮改变输入框中文本域内容的方法,是一个JavaScript 的简单应用,可以减少用户的输入,提升用户操作易用性,它类似一个TAB选项卡一样的功能,并可以完成后提交表单,值得学习。 运行效果截图如下:具体代码如下: <html> <head> <title>JavaScript点击单选框改变输入框内容</title> </head> <body> <s...
本文实例讲述了javascript实现点击单选按钮链接转向对应网址的方法。分享给大家供大家参考。具体如下: 这里实现一个按钮特效,当点击复选择框按钮的时候,激活链接,跳转到某网址,这里主要是由onClick派生出来的一些功能,然后配合函数你可以编写出更多的按钮特效来。 运行效果截图如下:具体代码如下: <html> <head> <title>点击文本框激活链接转向某网址</title> <SCRIPT> function go(loc) { window.location.href = loc; } ...
本文实例讲述了jquery实现选中单选按钮下拉伸缩效果的方法。分享给大家供大家参考。具体如下: 这是一个使用jQuery插件实现的伸缩效果,在网页上,单击单选按钮,也就是Radio元素后,所属的对应内容向下拉出,伸展开来,平时是不显示的,可用在发票打印快递单查询等场合。 运行效果如下图所示:具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti...
本文实例讲述了JavaScript实现自动消除按钮功能的方法。分享给大家供大家参考。具体如下: 这里使用JavaScript自动消除前项显示的内容,在网页特定方位显示内容,第一个按钮可用,但第二个在第一个点击之后就不能用了,如果想让第二个按钮起作用,你需要对其进行功能消除,如本示例代码就实现这样一种功能。 运行效果如下图所示:具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o...
本文实例讲述了JS实现点击按钮控制Div变宽、增高及调整背景色的方法。分享给大家供大家参考。具体如下: 这里使用JavaScript实现点击按钮后改变DiV的高度、宽度和背景色等,点击对应按钮,Div调整高度、调整宽度、调整背景色等。实现方面主要是使用JS来控制点击按钮后改变CSS样式文件,这一切都是在JS的动态控制下,比如无刷新切换网页风格的实现,可以以此为基础来扩展。 运行效果如下图所示:具体代码如下: <!DOCTYPE html PUBL...
本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)。分享给大家供大家参考。具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) <script type="text/javascript"> window.onbeforeunload = function(){ return "您的文章尚未保存!"; } </script>如果在退出页面时需要弹出对话框,提示用户将要退出页面,类似当设置某个功能时而没有保存页面。这个实现的方法比较简单,最常见...
本文实例讲述了JS获取下拉框显示值和判断单选按钮的方法。分享给大家供大家参考。具体如下: 1.本人做过很多项目,都需要得到select组件显示的值。下面是我经常用到的方法: Html源码如下: <html><body> <select id="province" name="province" > <option value="1">北京</option> <option value="2">上海</option> <option value="3">江苏</option> <option value="4">河北</option> </select> <br/> <input type="text" id="pro...
本文实例讲述了javascript实现点击提交按钮后显示loading的方法。分享给大家供大家参考。具体如下: 这里可以实现点击提交按钮后显示loading,防止用户重复提交 <style> #loading { position:absolute; width:500px; height:50px; top:50%;left:50%; margin: -25px -150px;background-color:#FFFFFF;border:1px solid #CCCCCC;text-align:center;padding:20px; } </style> <div id="loading" style="display:none"> <img src="imag...