select默认的太难看了,在这用jquery 插件imageselect.js进行美化,就图片进行下拉菜单的选择
列表框插件imageselect.js jquery select美化用图片进行选择-jquery select 美化">
这个网页特效代码如下:
<!DOCTYPE html> <head> <title>支持图片选择的jQuery列表框插件imageselect.js</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="jquery.min.1.7.1.js" ></script> <script type="text/javascript" src="imageselect.js"></script> <style> .jqis{position: relative;} .jqis_header{background-image: url('dropdown_arrow.png'); background-position: right center;background-repeat: no-repeat;cursor: pointer;} .jqis_header img{cursor: pointer;} .jqis_dropdown{padding: 5px;position: absolute;overflow-x: hidden;overflow-y: scroll;} .jqis_dropdown img{margin-right: 3px;cursor: pointer;float: left;} </style> </head> <body> <p>请在下拉列表中选择:</p> <select name="logo"> <option value="1">wall_s5.jpg</option> <option value="2">wall_s8.jpg</option> <option value="3">wall_s7.jpg</option> <option value="4">wall_s6.jpg</option> </select> <script type="text/javascript"> $(document).ready(function(){ $('select[name=logo]').ImageSelect({dropdownWidth:425}); }); </script> </body> </html>
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索select
, 图片
, 插件
, cursor
, 选择
, 下拉
, 美化下拉列表
, jquery下拉列表
, jquery列表框
, jquery下拉列表框
, 插件列表
, select选择框美化
, js美化选择框
jQuery下拉框插件
jquery select 美化、jquery imageselect、jquery select image、易语言超级列表框美化、超级列表框美化,以便于您获取更多的相关知识。