Welcome 微信登录

首页 / 脚本样式 / JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本文实例讲述了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界面风格的单选框和复选框按钮实例

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

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

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

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

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

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

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

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

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

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

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

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

本文实例讲述了js实现带有介绍的Select列表菜单。分享给大家供大家参考。具体如下:带有介绍的Select列表菜单特效代码,并不是导航菜单,这是表单中常用的下拉列表菜单,里面定义的菜单名称和链接都可以自己修改,不同的是添加了一个说明功能,鼠标点击列表中内容的时候,会浮动出本条内容的介绍,另外文本框内的内容也会跟着改变。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-info-select-menu-co...
<< 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 >>