select下拉列表显示图片
1、新建html文档。

2、书写hmtl代码。
<select id="a" class="visualSelect"> <option value="01">Option 1</option> <option value="02">Option 2</option> <option value="03">Option 3</option> <option value="04">Option 4</option> <option value="05">Option 5</option> <option value="06">Option 6</option> <option value="07">Option 7</option></select>

3、书写css代码。body { background: #d0d0d0; }select { display: block; }div { background: url(../images/spacer.gif); }

4、书写并添加js代码。<script src="js/jquery-1.3.2.js"></script>

5、代码整体结构。

6、查看效果。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:182
阅读量:76
阅读量:111
阅读量:88
阅读量:22