$('#menu1').ReSmenu();Example B - Collapse at 720px wide
$('#menu2').ReSmenu({ maxWidth: 720 });Example C - Menu with label
$('#menu3').ReSmenu({ textBefore: 'Choose:' });Example D - Menu with first option
The active li won't be highlighted
$('#menu4').ReSmenu({ selectOption: 'Choose:' });
ReSmenu runs out of the box but if you want to style your select to better fit the container you can take advantage of the short css style taken from twitter bootstrap:
.responsive_menu select { display: block; width: 100%; height: 36px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); vertical-align: middle; background-color: rgb(255, 255, 255); background-image: none; border: none; }
适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
来源:站长素材