本文实例讲述了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...