冒泡显示信息
<script class="example" type="text/javascript">
// 创建工具提示文件加载
$(document).ready(function () {
// 使用each（）方法来获得每个元素的属性
$('.nameInfo').each(function () {
$(this).qtip({
content: {
// 设置您要使用的文字图像的HTML字符串，正确的src URL加载图像
text: $(this).find("div").html(),
url: $(this).attr('rel'), // 使用的URL加载的每个元素的rel属性
title: {
text: $(this).attr("rel"), // 给工具提示使用每个元素的文本标题
button: '关闭' // 在标题中显示关闭文字按钮
}
},
position: {
corner: {
target: 'bottomMiddle', // 定位上面的链接工具提示
tooltip: 'topMiddle'
},
adjust: {
screen: true // 在任何时候都保持提示屏幕上的
}
},
show: {
when: 'mouseover', //或click
solo: true // 一次只显示一个工具提示
},
hide: 'mouseout',
style: {
tip: true, // 设置一个语音气泡提示在指定工具提示角落的工具提示
border: {
width: 0,
radius: 5
},
name: "light", // 使用默认的淡样式
width: 200 // 设置提示的宽度
}
})
});
});
$(function () {
$('#vehicleid').bind('keypress', function (event) {
if (event.keyCode == "13") {
$("#btnSearch").trigger("click");
}
});
});
</script>
<table class="searchContent">
<tr>
<td width="25%">
<h1>
市内出车排队队列：</h1>
</td>
<td>
<button id="Button5" title="全部" style="border: none" onclick="document.form2.action='../VehicleSort/QueueMange.aspx';"
type="submit" name="btn_OK">
<img width="44px" height="44px" src="../VehicleImg/vehicleall.png" /></button>
</td>
<td>
<button id="Button6" title="小轿车" style="border: none" type="submit" name="btn_SmallCar"
onclick="document.form2.action='../VehicleSort/QueueMange.aspx?Vehicle=0';">
<img width="44px" height="20px" src="../VehicleImg/vehicle1.png" /></button>
</td>
<td>
<button id="Button7" title="商务车" style="border: none" onclick="document.form2.action='../VehicleSort/QueueMange.aspx?Vehicle=1';"
type="submit" name="btn_OK">
<img width="44px" height="20px" src="../VehicleImg/vehicle0.png" /></button>
</td>
<td>
<button id="Button8" title="大巴车" style="border: none" type="submit" name="btn_SmallCar"
onclick="document.form2.action='../VehicleSort/QueueMange.aspx?Vehicle=2';">
<img width="44px" height="20px" src="../VehicleImg/vehicle2.png" /></button>
</td>
<td>
<button id="Button9" title="中巴车" style="border: none" onclick="document.form2.action='../VehicleSort/QueueMange.aspx?Vehicle=3';"
type="submit" name="btn_OK">
<img width="44px" height="20px" src="../VehicleImg/vehicle3.png" /></button>
</td>
<td>
<label>
车牌号码：</label>
<input id="Text1" type="text" name="vehicleid" value="" />
</td>
<td>
<div class="subBar">
<ul>
<li>
<input id="Button10" type="button" name="btnSearch" value="检索" /></li>
</ul>
</div>
</td>
<td>
<div class="subBar">
<ul>
<li>
<input id="Button11" type="button" name="btnSort" value="月初排队" /></li>
</ul>
</div>
</td>
</tr>
</table>
