<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>