SELECT cusel - свое оформление на JQuery
В редакторе
SELECT cusel - свое оформление на JQuery
Brain_Script
3717
2019-07-12 13:19:13
<select id="quest" name="city" tabindex="1">
<option value="Столешницы">Столешницы</option>
<option value="Подоконники">Подоконники</option>
<option value="Ванные комнаты">Ванные комнаты</option>
<option value="Мойки">Мойки</option>
<option value="Декор">Декор</option>
<option selected="selected" value="По вопросу">По вопросу</option>
</select>
.cuselFrameRight {
background: url(../pic/select.png) no-repeat;
background-position: center center;
-moz-background-size: contain;
-o-background-size: contain;
-webkit-background-size: contain;
-khtml-background-size: contain;
background-size: contain;
display: block;
height: 2.2em;
position: absolute;
right: 0;
top: 0;
width: 10%;
cursor:pointer;
}
.cusel-scroll-wrap {
display:none;
position:absolute;
border:1px solid #ccc;
width:100%;
height: 8.5em;
margin-left: -0.5em;
margin-top: 0.5em;
padding: 0 0.5em;
visibility: visible;
width: 94%;
overflow:hidden;
background-color: #e7e7e7;
z-index: 10;
}
.cusel-scroll-wrap span {
display: block;
cursor:pointer;
margin: 0.5em 0;
font-size:1em;
}
#cusel-scroll-quest {
position:absolute;
}
<script type="text/javascript">
jQuery(document).ready(function(){
var params = {
changedEl: "#quest",
scrollArrows: false
}
cuSel(params);
});
</script>
Войдите для добавления комментария.