Welcome 微信登录

首页 / 脚本样式 / JavaScript

js下拉选择框与输入框联动实现添加选中值到输入框的方法

js下拉选择框与输入框联动实现添加选中值到输入框的方法

2017年02月06日 13 阅读
本文实例讲述了js下拉选择框与输入框联动实现添加选中值到输入框的方法。分享给大家供大家参考。具体如下：这里演示js下拉选择框与输入框联动，直接添加选中值到输入框中的效果。这种效果相信不少朋友见到过吧，省去用户输入的麻烦，这里使用JS直接将值赋予输入框，了解原理之后，可灵活运用，扩展出更多的特效来。运行截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-select-value-to-input-codes/具体代码如...
js实现表单Radio切换效果的方法

js实现表单Radio切换效果的方法

2017年02月06日 12 阅读
本文实例讲述了js实现表单Radio切换效果的方法。分享给大家供大家参考。具体如下：这里基于js实现表单中的Radio单选框切换效果，当选中某个单选框的时候，所属范围会一同变换，我觉得大家应该收藏一下，以前想用的时候苦苦叫不上这种效果的名字，现在找到了，而且实现起来竟然如此简单，有些地方要注意，获取标签名为myradio的标签。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-table-radio-cha...
js实现匹配时换色的输入提示特效代码

js实现匹配时换色的输入提示特效代码

2017年02月06日 14 阅读
本文实例讲述了js实现匹配时换色的输入提示特效代码。分享给大家供大家参考。具体如下：这是一款js输入提示特效，当你在输入框中输入字母时，如果下边列出的类别中有与你字母相匹配的，那么这些内容将会变成红色，着重显示出来，与输入框下拉提示是基本是一样的，只是换了一个方式。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-tips-cha-color-codes/具体代码如下：<html><hea...
JS模仿编辑器实时改变文本框宽度和高度大小的方法

JS模仿编辑器实时改变文本框宽度和高度大小的方法

2017年02月06日 12 阅读
本文实例讲述了JS模仿编辑器实时改变文本框宽度和高度大小的方法。分享给大家供大家参考。具体如下：这里演示JS模仿编辑器中实时改变文本框大小，包括宽度和高度的方法，在一些在线编辑器，比如eWebEditor中，就有一个功能，让文本框不断的增大或减小，以适应页面的大小，这个功能是如何实现的呢？请您参考一下这个程序，相信你会从中获益。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-editor-cha-widt...
js实现浏览本地文件并显示扩展名的方法

js实现浏览本地文件并显示扩展名的方法

2017年02月06日 12 阅读
本文实例讲述了js实现浏览本地文件并显示扩展名的方法。分享给大家供大家参考。具体如下：这里用文件域浏览指定文件，可以显示该文件的扩展名，想想它可以用在哪里？可以用在文件上传系统上，用来判断上传的文件类型是否是合法类型，不是则不允许上传。再看看代码，不足10行，解决问题，正在学习javaScript的朋友，你也可参考参考哦。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-view-nav-file-ext-...
js实现Select头像选择实时预览代码

js实现Select头像选择实时预览代码

2017年02月06日 13 阅读
本文实例讲述了js实现Select头像选择实时预览代码。分享给大家供大家参考。具体如下：这里演示js实现Select头像选择，实时预览效果，在留言或评论的时候，让用户简易的选择头像，以前最常见的方式是使用单选框，当然使用其它的形式也可以，比如今天这个Select，下拉选框选择头像，也是不错的体验。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-select-ico-pic-view-codes/具体代码如...
js模拟淘宝网的多级选择菜单实现方法

js模拟淘宝网的多级选择菜单实现方法

2017年02月06日 12 阅读
本文实例讲述了js模拟淘宝网的多级选择菜单实现方法。分享给大家供大家参考。具体如下：这是一款基于js模拟淘宝网的多级选择菜单代码，这款菜单是模拟淘宝网的，是很早时候的淘宝网，现在已经没有了，本款菜单可以像级联菜单那样一级一级的选择数据，最后确定出数据。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-ftaobao-select-menu-codes/具体代码如下：<！DOCTYPE html PUB...
JS+DIV+CSS实现仿表单下拉列表效果

JS+DIV+CSS实现仿表单下拉列表效果

2017年02月06日 12 阅读
本文实例讲述了JS+DIV+CSS实现仿表单下拉列表效果。分享给大家供大家参考。具体如下：JS+DIV+CSS实现仿表单下拉列表效果，是完全用CSS技术再配合JS实现的效果，用来代替传统的Select下拉框，虽然目前来说，此代码还有些粗糙，但对于美化列表的样式来说，可能以后会更方便，要比Select方便的多。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-div-css-fselect-codes/具体代...
js实现iPhone界面风格的单选框和复选框按钮实例

js实现iPhone界面风格的单选框和复选框按钮实例

2017年02月06日 12 阅读
本文实例讲述了js实现iPhone界面风格的单选框和复选框按钮。分享给大家供大家参考。具体如下：这里使用JS美化仿iPhone风格的单选框和复选框按钮效果，使用了jQuery代码，附有完整实例及使用方法，现在，iPhone风格确实流行，希望大家也喜欢。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-iphone-radio-checkbox-button-codes/具体代码如下：<！DOCTYPE...
jQuery实现的漂亮表单效果代码

jQuery实现的漂亮表单效果代码

2017年02月06日 12 阅读
本文实例讲述了jQuery实现的漂亮表单效果代码。分享给大家供大家参考。具体如下：这是一款基于jQuery的漂亮的表单效果，将表单的输入框换成了横线，加入了背景，引入了jQuery插件，样式上特别漂亮，是一个值得借鉴的jQuery表单美化实例，而且本表单在布局上完全是基于纯CSS标签来实现，使用了CSS中的fieldset来制作表单，兼容性好。运行效果如下图所示：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-ta...
jquery使用ul模拟select实现表单美化的方法

jquery使用ul模拟select实现表单美化的方法

2017年02月06日 12 阅读
本文实例讲述了jquery使用ul模拟select实现表单美化的方法。分享给大家供大家参考。具体如下：这里使用jquery实现ul模拟select，是jQuery插件实现的Select下拉菜单效果，类似的功能网上已经有一些了，每一款都代表了不同的编程思路，为学习提供一份参考。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-ul-select-table-codes/具体代码如下：<！DOCT...
jquery SweetAlert插件实现响应式提示框

jquery SweetAlert插件实现响应式提示框

2017年02月06日 14 阅读
jquery弹出层插件，支持消息提示、错误提示、确认框提示等。交互体验度非常好，大家都用微信支付、支付宝等完成用户体验度非常的不错。本插件至少要支持IE9+。使用方式也非常的简单、粗暴，很符合大众的jquery插件使用方法。先给大家演示效果：在线预览 源码下载代码如下：<h1>Sweet Alert</h1><h2>A beautiful replacement for JavaScript"s "Alert"</...
js实现的简单radio背景颜色选择器代码

js实现的简单radio背景颜色选择器代码

2017年02月06日 13 阅读
本文实例讲述了js实现的简单radio背景颜色选择器。分享给大家供大家参考。具体如下：这里演示的js实现radio网页背景颜色选择器，只需点击对应颜色的radio单选框，就可以改变网页的背景颜色，简单方便，实用的javaScript网页特效。运行效果如下图所示：在线演示地址如下：http://demo.jb51.net/js/2015/js-radio-cha-bgcolor-codes/具体代码如下：<！DOCTYPE html PUBLIC "-...
js简单实现表单中点击按钮动态增加输入框数量的方法

js简单实现表单中点击按钮动态增加输入框数量的方法

2017年02月06日 13 阅读
本文实例讲述了js简单实现表单中点击按钮动态增加输入框数量的方法。分享给大家供大家参考。具体如下：这里演示表单中点击按钮动态增加输入框数量的方法，默认是没有输入框，点击按钮之后，输入框会不断的增加，每点击一次，增加一个，觉得挺不错吧，希望对你有所帮助。运行效果如下图所示：在线演示地址如下：http://demo.jb51.net/js/2015/js-table-input-button-add-codes/具体代码如下：<！DOCTYPE html...
js实现带有介绍的Select列表菜单实例

js实现带有介绍的Select列表菜单实例

2017年02月06日 12 阅读
本文实例讲述了js实现带有介绍的Select列表菜单。分享给大家供大家参考。具体如下：带有介绍的Select列表菜单特效代码，并不是导航菜单，这是表单中常用的下拉列表菜单，里面定义的菜单名称和链接都可以自己修改，不同的是添加了一个说明功能，鼠标点击列表中内容的时候，会浮动出本条内容的介绍，另外文本框内的内容也会跟着改变。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-info-select-menu-co...
<< 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图