jQuery自定义漂亮的下拉框插件8种效果演示
生活随笔
收集整理的這篇文章主要介紹了
jQuery自定义漂亮的下拉框插件8种效果演示
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
原始的下拉框不好看這里推薦一個jQuery自定義漂亮的下拉框插件8種效果演示
?在線預覽
下載地址
實例代碼
<!DOCTYPE html> <html lang="en" class="no-js"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>jQuery自定義下拉框插件 | 演示 1</title><link rel="stylesheet" type="text/css" href="css/normalize.css" /><link rel="stylesheet" type="text/css" href="css/demo.css" /><link rel="stylesheet" type="text/css" href="css/cs-select.css" /><link rel="stylesheet" type="text/css" href="css/cs-skin-border.css" /><!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--></head><body class="demo-1"><div class="container"><header class="codrops-header"><h1> 自定義選擇元素</h1><nav class="codrops-demos"><a class="current-demo" href="index.html">邊框</a><a href="index2.html">下劃線</a><a href="index3.html">伸縮</a><a href="index4.html">滑動</a><a href="index5.html">覆蓋</a><a href="index6.html">旋轉</a><a href="index7.html">彈出層選擇</a><a href="index8.html">環形效果</a></nav></header><section><select class="cs-select cs-skin-border"><option value="" disabled selected> 聯系人方式</option><option value="email">E-Mail</option><option value="twitter">Twitter</option><option value="linkedin">LinkedIn</option></select></section></div><!-- /container --><script src="js/classie.js"></script><script src="js/selectFx.js"></script><script>(function() {[].slice.call(document.querySelectorAll('select.cs-select')).forEach(function(el) {new SelectFx(el);});})();</script></body> </html>
?
轉載于:https://www.cnblogs.com/niuboren/p/6100315.html
總結
以上是生活随笔為你收集整理的jQuery自定义漂亮的下拉框插件8种效果演示的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Java集合框架总结(5)——Map接口
- 下一篇: 关于oracle中to_char和to_