|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.ddslick.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var ddlData = [
{
text: "Lwolf",
value: 1,
selected: false,
description: "描述",
imageSrc: "/Content/image/1_f.gif"
},
{
text: "Site518",
value: 2,
selected: true,
description: "",
imageSrc: "/Content/image/2_f.gif"
}
];
alert(ddlData);
$(‘#mydropdown‘).ddslick({
data: ddlData,
width: 150,
showSelectedHTML:true,
selectText: "请选择...",
imagePosition: "left",
onSelected: function (selectedData) {
//回调方法
}
});
})
</script>
</head>
<body>
<div id="mydropdown"></div>
</body>
</html>
|
