游客

标题:用js实现select的美化
正文:
准备工作　　1、想好要把select美化成什么样子，并准备好相应的图片。　　2、写好一个普通的表单递交页面，注意给select定义基本的CSS样式、在头部添加了调用js文件的代码、在body中添加了调用函数的脚本。　　实现思路　　第一步：将表单中的select隐藏起来。　　第二步：用脚本找到select标签在网页上的绝对位置。　　第三步：用脚本把select标签中的值读出来。　　第四步：当用户点击select标签的替身，也就是div的时候。我们再用一个div浮在上一个div的下边，这个就是options的替身了。　　功能需求　　1、调用要方便，做好之后应该像这样： 以下是引用片段：function loadSelect(selectobj){ //传入一个select对象就能将他的样式美化 } 　　2、不改变原有表单项，表单的页面代码不去破坏： 以下是引用片段：<form name="f" onsubmit="getResult();"> <fieldset> <legend>用户注册</legend> <div> <label for="username">帐号</label> <input type="text" id="username" name="username"
[<<][[1]][2][3][>>]

查看评论(0)
发表评论



首页