jQuery常见问题列表搜索查询特效jQuery常见问题列表搜索查询是一款非常实用的搜索框文字标题查询。jQuery常见问题搜索框标题查询
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
function txtFocus(el) {
if (el.defaultValue == el.value) { el.value = ''; el.style.color = '#000'; }
}
function txtBlur(el) {
if (el.value == '') { el.value = el.defaultValue; el.style.color = '#666'; }
}
</script>
<script type="text/javascript">
$(document).ready(function() {
$("#q11").hide();
$("#q21").hide();
$("#q31").hide();
$("#q41").hide();
$(".wenti div").click(function() {
var id = $(this).attr("id");
$("#" + id + "1").toggle();
});
$("#ss").click(function() {
var str1 = "<span name=\"span\" style=\"color:#f01\">";
var str2 = "</span>";
var str = $("#txtStr").val();
$(".wenti div").each(function() {
$(this).html($(this).text());
var id = $(this).attr("id");
$("#" + id + "1").hide();
if ($(this).text().indexOf(str) > 0) {
var cont = $(this).text().replace(str, "<span name=\"span\" style=\"color:#f01\">" + str + "</span>");
$(this).html(cont);
var id = $(this).attr("id");
$("#" + id + "1").show();
}
});
});
$("[name=w]").click(function() {
$("#txtStr").val($(this).text());
$("#ss").click();
});
$("[name=img]").click(function() {
if ($(this).css("width") == "200px") {
$(this).css('width', '');
$(this).css('height', '');
$(this).css('cursor', 'url(images/big.cur)');
} else {
$(this).css('width', '200px');
$(this).css('height', '300px');
$(this).css('cursor', 'url(images/small.cur)');
}
});
});
</script>
jQuery常见问题列表搜索查询特效由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jQuerytexiao/7696.html
源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！
下一篇：jQuery图片从下往上滚动效果
jQuery彩色心形冒泡动画特效
jQuery中国各个省份地图分部代码
jQuery带左侧缩略图图片切换
jQuery列表排序从小到大代码
jQuery多张图片上传预览代码