下拉菜单

 <script type="text/javascript">
function displaySubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[];
subMenu.style.display = "block";
}
function hideSubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[];
subMenu.style.display = "none";
// e.getElementsByClassName("i").length }
</script>
 <style type="text/css">
* {
padding:0;
margin:0;
}
body {
font-family:verdana, sans-serif;
font-size:small;
}
#navigation, #navigation li ul {
list-style-type:none;
}
#navigation {
margin:20px;
}
#navigation li {
float:left;
text-align:center;
position:relative;
}
#navigation li a:link, #navigation li a:visited {
display:block;
text-decoration:none;
color:#000;
width:120px;
height:40px;
line-height:40px;
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#c5dbf2;
padding-left:10px;
}
#navigation li a:hover {
color:#fff;
background:#2687eb;
}
#navigation li ul li a:hover {
color:#fff;
background:#6b839c;
}
#navigation li ul {
display:none;
position:absolute;
top:40px;
left:0;
margin-top:1px;
width:120px;
}
#navigation li ul li ul {
display:none;
position:absolute;
top:0px;
left:130px;
margin-top:0;
margin-left:1px;
width:120px;
}
</style>
<script type="text/javascript">
function displaySubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[0];
subMenu.style.display = "block";
}
function hideSubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[0];
subMenu.style.display = "none";
// e.getElementsByClassName("i").length }
</script> <ul id="navigation">
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">栏目1</a>
<ul>
<li><a href="#">栏目1->菜单1</a></li>
<li><a href="#">栏目1->菜单2</a></li>
<li><a href="#">栏目1->菜单3</a></li>
<li><a href="#">栏目1->菜单4</a></li>
</ul>
</li>
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">栏目2</a>
<ul>
<li><a href="#">栏目2->菜单1</a></li>
<li><a href="#">栏目2->菜单2</a></li>
<li><a href="#">栏目2->菜单3</a></li>
<li><a href="#">栏目2->菜单4</a></li>
<li><a href="#">栏目2->菜单5</a></li>
</ul>
</li>
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">栏目3</a>
<ul>
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">栏目3->菜单1</a>
<ul>
<li><a href="#">菜单1->子菜单1</a></li>
<li><a href="#">菜单1->子菜单2</a></li>
<li><a href="#">菜单1->子菜单3</a></li>
<li><a href="#">菜单1->子菜单4</a></li>
</ul>
</li>
<li><a href="#">栏目3->菜单2</a></li>
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">栏目3->菜单3</a>
<ul>
<li><a href="#">菜单3->子菜单1</a></li>
<li><a href="#">菜单3->子菜单2</a></li>
<li><a href="#">菜单3->子菜单3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
 var wait, is_submit=0,tipspage;;
var login_url,reg_url,logout_url,member_url,cart_url,delcart_url;
var regexEnum =
{
intege:"/^-?[1-9]\\d*$/", //整数
intege1:"/^[1-9]\\d*$/i", //正整数
intege2:"/^-[1-9]\\d*$/i", //负整数
num:"/^([+-]?)\\d*\\.?\\d+$/i", //数字
num1:"/^[1-9]\\d*|0$/i", //正数(正整数 + 0)
num2:"/^-[1-9]\\d*|0$/i", //负数(负整数 + 0)
decmal:"/^([+-]?)\\d*\\.\\d+$/i", //浮点数
decmal1:"/^[1-9]\\d*.\\d*|0.\\d*[1-9]\\d*$/i",   //正浮点数
decmal2:"/^-([1-9]\\d*.\\d*|0.\\d*[1-9]\\d*)$/i",  //负浮点数
decmal3:"/^-?([1-9]\\d*.\\d*|0.\\d*[1-9]\\d*|0?.0+|0)$/i",  //浮点数
decmal4:"/^[1-9]\\d*.\\d*|0.\\d*[1-9]\\d*|0?.0+|0$/i",   //非负浮点数(正浮点数 + 0)
decmal5:"/^(-([1-9]\\d*.\\d*|0.\\d*[1-9]\\d*))|0?.0+|0$/i",  //非正浮点数(负浮点数 + 0) email:"/^\\w+((-\\w+)|(\\.\\w+))*\\@[A-Za-z0-9]+((\\.|-)[A-Za-z0-9]+)*\\.[A-Za-z0-9]+$/i", //邮件
color:"/^[a-fA-F0-9]{6}$/i", //颜色
url:"^/http[s]?:\\/\\/([\\w-]+\\.)+[\\w-]+([\\w-./?%&=]*)?$/i", //url
chinese:"/^[\\u4E00-\\u9FA5\\uF900-\\uFA2D]+$/i", //仅中文
ascii:"/^[\\x00-\\xFF]+$/i", //仅ACSII字符
zipcode:"/^\\d{6}$/i", //邮编
mobile:"/^(1)[0-9]{10}$/i", //手机
ip4:"/^(25[0-5]|2[0-4]\\d|[0-1]\\d{2}|[1-9]?\\d)\\.(25[0-5]|2[0-4]\\d|[0-1]\\d{2}|[1-9]?\\d)\\.(25[0-5]|2[0-4]\\d|[0-1]\\d{2}|[1-9]?\\d)\\.(25[0-5]|2[0-4]\\d|[0-1]\\d{2}|[1-9]?\\d)$/i", //ip地址
notempty:"/^\\S+$/i", //非空
picture:"/(.*)\\.(jpg|bmp|gif|ico|pcx|jpeg|tif|png|raw|tga)$/i", //图片
rar:"/(.*)\\.(rar|zip|7zip|tgz)$/i", //压缩文件
date:"/^\\d{4}(\\-|\\/|\.)\\d{1,2}\\1\\d{1,2}$/i", //日期
qq:"/^[1-9]*[1-9][0-9]*$/i", //QQ号码
tel:"/^(([0\\+]\\d{2,3}-)?(0\\d{2,3})-)?(\\d{7,8})(-(\\d{3,}))?$/i", //电话号码的函数(包括验证国内区号,国际区号,分机号)
username:"/^\\w+$/i", //用来用户注册。匹配由数字、26个英文字母或者下划线组成的字符串
letter:"/^[A-Za-z]+$/i", //字母
letter_u:"/^[A-Z]+$/i", //大写字母
letter_l:"/^[a-z]+$/i", //小写字母
idcard:"/^[1-9]([0-9]{14}|[0-9]{17})$/i", //身份证
pwd:"/[0-9|A-Z|a-z]{6,16}/i", //密码只由数字或者数字组成
ps_username:"/^[\\u4E00-\\u9FA5\\uF900-\\uFA2D_\\w]+$/i" //中文、字母、数字 _
}
function ugetcookie(sName) {
var aCookie = document.cookie.split('; ');
for (var i=0; i < aCookie.length; i++) {
var aCrumb = aCookie[i].split('=');
if (sName == aCrumb[0])
return decodeURI(aCrumb[1]);
}
return '';
} function delImg(obj){
$(obj).parents(".uploadfile").find(".preview").html('');
$(obj).parents(".uploadfile").find(".deleteuploadparent").hide();
$(obj).parents(".uploadfile").find('input[@type="file"]').val("");
$(obj).parents(".uploadfile").find(".input-val").val("");
} function delImgs(obj){
$(obj).parents("li").remove();
} function appendImg(obj, jsondata){
$(obj).parents("form").find(".imagelist").append('<li class="per-20"><input type="hidden" name="imgs[]" value="'+jsondata.thumb+'"><i class="deleteimg" onclick="delImgs(this);"></i><img src="'+jsondata.thumb+'" class="col-11 border"></li>');
} function checkImg(obj){
var imgnum = $(obj).parents("form").find(".imagelist li").length;
if(imgnum>4){
error("最多只能上传5张图片!");
return false;
}else{
return true;
}
} function showImg(obj, jsondata){
$(obj).parents(".uploadfile").find(".preview").html('<img src="'+jsondata.thumb+'">');
$(obj).parents(".uploadfile").find(".deleteuploadparent").show();
$(obj).parents(".uploadfile").find(".input-val").val(jsondata.thumb);
} function uploadfiles(obj){
var fd = new FormData();
fd.append("upload", $(obj).get(0).files[0]);
$.ajax({
url: "/index.php/site/attachment/attachments/ajaxupload/",
type: "POST",
dataType: "json",
processData: false,
contentType: false,
data: fd,
success: function(rs) {
$(obj).parents(".uploadfile").find(".preview").html('');
var afterfun = $(obj).attr("data-after");
if(afterfun){
eval(afterfun+"(obj, rs.data);");
}
}
});
} function countSize(size){
return parseInt(size/1024);
} function centerHtml(idobj){
var pagewin = layer.open({
type: 1,
shade: true,
closeBtn: 0,
area: ['400px', 'auto'],
title: false,
shade: 0.2,
content: $('#'+idobj)
});
$(document.body).addClass("forbidscroll");
$(".closewin").click(function(){
layer.close(pagewin);
layer.close(tipspage);
$(document.body).removeClass("forbidscroll");
});
} function previewImage(file, minsize, maxsize){
var beforefun = $(file).attr("data-before");
if(beforefun){
var rs = eval(beforefun+"(file);");
if(!rs){
return false;
}
}
minsize = minsize?minsize:100;
maxsize = maxsize?maxsize:3000;
var filesize = countSize(file.files[0].size);
if(filesize>maxsize || filesize<minsize){
error("上传图片不能大于"+maxsize+"KB且不能小于"+minsize+"KB");
$(file).prev().html('');
return false;
}
var MAXWIDTH = $(file).parent().width();
var MAXHEIGHT = $(file).parent().height();
var divobj = $(file).prev().get(0);
if (file.files && file.files[0])
{
divobj.innerHTML ='<em class="loading"></em><img>';
var img = $(file).prev().find("img").get(0);
img.onload = function(){
var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
//img.width = rect.width;
//img.height = rect.height;
//img.style.marginTop = rect.top+'px';
}
var reader = new FileReader();
reader.onload = function(evt){img.src = evt.target.result;}
reader.readAsDataURL(file.files[0]); }
else //兼容IE
{
var sFilter='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="';
file.select();
var src = document.selection.createRange().text;
divobj.innerHTML ='<em class="loading"></em><img style="width:50px;height:50px;">';
var img = $(file).prev().find("img").get(0);
img.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src;
//var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
//status =('rect:'+rect.top+','+rect.left+','+rect.width+','+rect.height);
//div.innerHTML = "<div id=divhead style='width:"+rect.width+"px;height:"+rect.height+"px;margin-top:"+rect.top+"px;"+sFilter+src+"\"'></div>";
}
uploadfiles(file);
}
function clacImgZoomParam( maxWidth, maxHeight, width, height ){
var param = {top:0, left:0, width:width, height:height};
if( width>maxWidth || height>maxHeight )
{
rateWidth = width / maxWidth;
rateHeight = height / maxHeight; if( rateWidth > rateHeight )
{
param.width = maxWidth;
param.height = Math.round(height / rateWidth);
}else
{
param.width = Math.round(width / rateHeight);
param.height = maxHeight;
}
} param.left = Math.round((maxWidth - param.width) / 2);
param.top = Math.round((maxHeight - param.height) / 2);
return param;
} function time() {
if (wait == 0) {
$("#sendcode").attr("disabled", false);
$("#sendcode").removeClass("disabled");
$("#sendcode").val("获取验证码");
wait = 90;
} else {
$("#sendcode").attr("disabled", true);
$("#sendcode").addClass("disabled");
$("#sendcode").html("重新发送(" + wait + ")");
wait--;
setTimeout(function(){
time()
},1000)
}
} function sendcode(){
wait = 90;
time(90);
} function error(msg, times){
times = times?times:3;
times = times*1000;
layer.msg(msg, {time: times, icon:5});
} function right(msg, times){
times = times?times:3;
times = times*1000;
layer.msg(msg, {time: times, icon:6});
} function load(){
layer.load(1, {
shade: [0.8,'#000']
});
} function loadajaxHtml(url, param, id) {
$.ajax({
cache: true,
type: "POST",
dataType: "html",
url:url,
data:param,
async: false,
error: function(request) {
error("由于网络问题无法请求服务器数据,请刷新页面试试!");
},
success: function(result){
$("#"+id).html(result);
}
});
} function getCart(){
loadajaxHtml(cart_url, '', "cartbox");
} function delCart(obj_id){
loadajax(delcart_url, "obj_id="+obj_id, "getCart");
} function blurajax(url, param, obj) {
$.ajax({
cache: true,
type: "POST",
dataType: "json",
url:url,
data:param,
async: false,
error: function(request) {
error("由于网络问题无法请求服务器数据,请刷新页面试试!");
},
success: function(rs){
layer.closeAll();
if(rs.error){
$(obj).attr("data-pass", "false");
$("#"+$(obj).attr("data-id")+"_error").show();
$("#"+$(obj).attr("data-id")+"_error").html($(obj).attr("data-ajax-error"));
if(obj){
$(obj).parent().find(".right").hide();
}
}else{
$(obj).attr("data-pass", "true");
$("#"+$(obj).attr("data-id")+"_error").hide();
$(obj).parent().find(".right").show();
}
}
});
} function loadajax(url, param, fun) {
$.ajax({
cache: true,
type: "POST",
dataType: "json",
url:url,
data:param,
async: false,
error: function(request) {
error("由于网络问题无法请求服务器数据,请刷新页面试试!");
},
success: function(rs){
layer.closeAll();
if(rs.error){
if(fun){
eval(fun+"(rs);");
}else{
error(rs.error);
}
}else{
if(rs.message && rs.message!="hide"){
right(rs.message);
}
if(fun){
eval(fun+"(rs);");
}
if(rs.redirect) {
setTimeout(function(){
if(rs.redirect=="reload"){
window.location.reload();
}else{
location.href=rs.redirect;
}
}, 500);
}
}
}
});
} function ajaxSubmit(e) {
var form = e;
var afterfun = $(form).attr("data-after");
var beforefun = $(form).attr("data-before");
if(beforefun){
var rs = eval(beforefun+"(form);");
if(!rs){
return false;
}
}
load();
if(is_submit==1){
error("提交信息中,请等待...");
}
is_submit = 1;
$.ajax({
cache: true,
type: "POST",
dataType: "json",
url:form.action,
data:$(form).serialize(),
async: false,
error: function(request) {
error("由于网络问题无法请求服务器数据,请刷新页面试试!");
},
success: function(rs){
$(document.body).removeClass("forbidscroll");
layer.closeAll();
is_submit = 0;
if(rs.error){
error(rs.error);
}else{
if(rs.message && rs.message!="hide"){
right(rs.message);
}
if(afterfun){
eval(afterfun+"(rs);");
}
if(rs.redirect) {
setTimeout(function(){
if(rs.redirect=="reload"){
window.location.reload();
}else{
location.href=rs.redirect;
}
}, 500);
}
}
}
});
} $(document).ready(function() {
if(ugetcookie('nickname')){
$("#login_status").html('<a href="'+member_url+'"><span style="width:70px;overflow:hidden;display:inline-block;float:left;white-space: nowrap;text-overflow: ellipsis;text-align:right;color:#ff0000;">'+ugetcookie('nickname')+'</span></a> <a href="'+logout_url+'">【退出】</a>');
}else{
$("#login_status").html('<a href="'+login_url+'"><span class="text-red">亲,请登录</span></a> <a href="'+reg_url+'"><span class="margin-left-5">免费注册</span></a>'); } $("input[type='checkbox']").click(function(){
if($(this).prop("checked")==true && $(this).attr("data-id")){
$("#"+$(this).attr("data-id")+"_error").hide();
}
}); $(document).on("blur", '.blurevent', function () {
var obj = this;
if($(obj).attr("data-required")=="true" && !$.trim($(obj).val())){
var error_msg = $(obj).attr("data-empty")?$(obj).attr("data-empty"):$(obj).attr("data-error");
if($(obj).attr("data-type")=="tips"){
tipspage = layer.tips(error_msg, obj, {tips: [1, '#e62129'], time:300000});
}else{
$("#"+$(obj).attr("data-id")+"_error").show();
$("#"+$(obj).attr("data-id")+"_error").html(error_msg);
$(obj).parent().find(".right").hide();
}
return false;
} if($(obj).attr("data-reg") && $.trim($(obj).val())){
var reg = eval(eval("regexEnum."+$(obj).attr("data-reg")));
if (!reg.test($(obj).val())) {
var error_msg = $(obj).attr("data-error");
if($(obj).attr("data-type")=="tips"){
tipspage = layer.tips(error_msg, obj, {tips: [1, '#e62129'], time:300000});
}else{
$("#"+$(obj).attr("data-id")+"_error").show();
$("#"+$(obj).attr("data-id")+"_error").html(error_msg);
$(obj).parent().find(".right").hide();
}
return false;
}
} if($(obj).attr("data-equal")){
if($("#"+$(obj).attr("data-equal")).val()!=$(obj).val()){
if($(obj).attr("data-type")=="tips"){
tipspage = layer.tips(error_msg, obj, {tips: [1, '#e62129'], time:300000});
}else{
var error_msg = $(obj).attr("data-error");
$("#"+$(obj).attr("data-id")+"_error").show();
$("#"+$(obj).attr("data-id")+"_error").html(error_msg);
$(obj).parent().find(".right").hide();
}
return false;
}
} if($(obj).attr("data-ajax")=="true"){
var param = $(obj).attr("name")+"="+$(obj).val()+"&times="+Math.random();
blurajax($(obj).attr("data-url"), param, obj);
}else{
if($(obj).attr("data-type")=="tips"){
layer.close(tipspage);
}else{
$("#"+$(obj).attr("data-id")+"_error").hide();
}
$(obj).parent().find(".right").show();
}
}); $(document).on("submit", 'form', function () {
var form = this;
var is_bread = 0;
$(form).find("input").each(function(i, e){
if($(e).attr("type")=="text" || $(e).attr("type")=="password" || $(e).attr("type")=="hidden"){
if($(e).attr("data-required")=="true" && !$.trim($(e).val())){
var error_msg = $(e).attr("data-empty")?$(e).attr("data-empty"):$(e).attr("data-error");
if($(e).attr("data-type")=="tips"){
tipspage = layer.tips(error_msg, e, {tips: [1, '#e62129'], time: 3000});
}else{
$("#"+$(e).attr("data-id")+"_error").show();
$("#"+$(e).attr("data-id")+"_error").html(error_msg);
$(e).parent().find(".right").hide();
}
if($(e).attr("data-scroll")){
$("html,body").animate({scrollTop: $('#'+$(e).attr("data-scroll")).offset().top}, 300);
}
is_bread = 1;
return false;
}
if($(e).attr("data-reg") && $.trim($(e).val())){
var reg = eval(eval("regexEnum."+$(e).attr("data-reg")));
if (!reg.test($(e).val())) {
var error_msg = $(e).attr("data-error");
if($(e).attr("data-type")=="tips"){
tipspage = layer.tips(error_msg, e, {tips: [1, '#e62129'], time: 3000});
$(document.body).addClass("forbidscroll");
}else{
$("#"+$(e).attr("data-id")+"_error").show();
$("#"+$(e).attr("data-id")+"_error").html(error_msg);
$(e).parent().find(".right").hide();
}
is_bread = 1;
return false;
}
} if($(e).attr("data-equal")){
if($("#"+$(e).attr("data-equal")).val()!=$(e).val()){
var error_msg = $(e).attr("data-error");
if($(e).attr("data-type")=="tips"){
tipspage = layer.tips(error_msg, e, {tips: [1, '#e62129'], time: 3000});
$(document.body).addClass("forbidscroll");
}else{
$("#"+$(e).attr("data-id")+"_error").show();
$("#"+$(e).attr("data-id")+"_error").html(error_msg);
$(e).parent().find(".right").hide();
}
is_bread = 1;
return false;
}
} if($(e).attr("data-pass")=="false"){
var error_msg = $(e).attr("data-ajax-error")?$(e).attr("data-ajax-error"):$(e).attr("data-error");
if($(e).attr("data-type")=="tips"){
tipspage = layer.tips(error_msg, e, {tips: [1, '#e62129'], time: 3000});
$(document.body).addClass("forbidscroll");
}else{
$("#"+$(e).attr("data-id")+"_error").show();
$("#"+$(e).attr("data-id")+"_error").html(error_msg);
$(e).parent().find(".right").hide();
}
is_bread = 1;
return false;
} }else if($(e).attr("type")=="checkbox"){
if($(e).attr("data-required")=="true" && $(e).prop("checked")==false){
var error_msg = $(e).attr("data-empty")?$(e).attr("data-empty"):$(e).attr("data-error");
if($(e).attr("data-type")=="tips"){
tipspage = layer.tips(error_msg, e, {tips: [1, '#e62129'], time: 3000});
$(document.body).addClass("forbidscroll");
}else{
$("#"+$(e).attr("data-id")+"_error").show();
$("#"+$(e).attr("data-id")+"_error").html(error_msg);
$(e).parent().find(".right").hide();
}
is_bread = 1;
return false;
}
}
});
if(is_bread==1){
return false;
}
$(form).find("textarea").each(function(i, e){
if($(e).attr("data-required")=="true" && !$.trim($(e).val())){
var error_msg = $(e).attr("data-empty")?$(e).attr("data-empty"):$(e).attr("data-error");
if($(e).attr("data-type")=="tips"){
tipspage = layer.tips(error_msg, e, {tips: [1, '#e62129'], time: 3000});
$(document.body).addClass("forbidscroll");
}else{
$("#"+$(e).attr("data-id")+"_error").show();
$("#"+$(e).attr("data-id")+"_error").html(error_msg);
$(e).parent().find(".right").hide();
}
is_bread = 1;
return false;
}
if($(e).attr("data-reg") && $.trim($(e).val())){
var reg = eval(eval("regexEnum."+$(e).attr("data-reg")));
if (!reg.test($(e).val())) {
var error_msg = $(e).attr("data-empty")?$(e).attr("data-empty"):$(e).attr("data-error");
if($(e).attr("data-type")=="tips"){
tipspage = layer.tips(error_msg, e, {tips: [1, '#e62129'], time: 3000});
$(document.body).addClass("forbidscroll");
}else{
$("#"+$(e).attr("data-id")+"_error").show();
$("#"+$(e).attr("data-id")+"_error").html(error_msg);
$(e).parent().find(".right").hide();
}
is_bread = 1;
return false;
}
}
});
if(is_bread==1){
return false;
}
$(form).find("select").each(function(i, e){
if($(e).attr("data-required")=="true" && (!$.trim($(e).val()) || $(e).val()==0)){
var error_msg = $(e).attr("data-empty")?$(e).attr("data-empty"):$(e).attr("data-error");
if($(e).attr("data-type")=="tips"){
tipspage = layer.tips(error_msg, e, {tips: [1, '#e62129'], time: 3000});
}else{
$("#"+$(e).attr("data-id")+"_error").show();
$("#"+$(e).attr("data-id")+"_error").html(error_msg);
}
if($(e).attr("data-scroll")){
$("html,body").animate({scrollTop: $('#'+$(e).attr("data-scroll")).offset().top}, 300);
}
is_bread = 1;
return false;
}
}); if(is_bread==1){
return false;
} if(is_submit==1){
error("正在提交数据请不要重复提交!");
return false;
}
if($(form).attr("jump")=="true"){
return true;
}else{
ajaxSubmit(form);
return false;
}
}); $(".tabs .tabmenu li").click(function(){
var index = $(this).index();
$(this).addClass('curs').siblings().removeClass('curs');
$(this).parents(".tabs").find(".layout").hide();
$(this).parents(".tabs").find(".layout").eq(index).show();
}); $(".returntop, .postop").click(function(){
$('html, body').stop().animate({scrollTop: $(".top").offset().top},200);
}); $(".select").click(function(){
var curobj = this;
$(curobj).find(".selectchild").css("display", "block");
$(curobj).find(".selectvalue").click(function(){
$(this).addClass("selected").siblings().removeClass("selected");
$(curobj).find(".setselectvalue").val($(this).attr("data"));
$(curobj).find(".selecthtml").html($(this).html());
$(curobj).find(".selectchild").css("display", "none");
return false;
});
}); $(".storelist .company").mouseenter(function(){
$(this).addClass("on").siblings().removeClass("on");
}); $(".shadow").mouseenter(function(){
var obj = this;
$(obj).css("width", $(obj).attr("data-width")+"px").css("height", $(obj).attr("data-height")+"px");
$(obj).find("img").css("box-shadow", "0 0 10px 5px #"+$(obj).attr("data-color"));
$(obj).mouseleave(function(){
$(obj).find("img").css("box-shadow", "0 0 0");
});
}); $(".shadow").each(function(){
var obj = this;
$(obj).css("width", $(obj).attr("data-width")+"px").css("height", $(obj).attr("data-height")+"px");
}); $(".leftcart").click(function(){
var obj = this;
if($(obj).hasClass("extend")){
$(obj).removeClass("extend");
$(obj).parents(".leftnav").animate({width:'30px'}, "fast", function(){
$(obj).parents(".leftnav").find(".carthtmlparent").css("width", "0px");
});
}else{
$(obj).parents(".leftnav").animate({width:'280px'}, "fast", function(){
$(obj).parents(".leftnav").find(".carthtmlparent").css("width", "250px");
});
$(obj).addClass("extend");
} }); $(document).on("click", '.closebt', function () {
var obj = this;
$(obj).parents(".leftnav").find(".leftcart").removeClass("extend");
$(obj).parents(".leftnav").animate({width:'30px'}, "fast", function(){
$(obj).parents(".leftnav").find(".carthtmlparent").css("width", "0px");
});
}); $(document).on("click", '.clickajaxsend', function () {
var obj = this;
var beforefun = $(obj).attr("data-before")?$(obj).attr("data-before"):'';
var afterfun = $(obj).attr("data-after")?$(obj).attr("data-after"):'';
if(beforefun){
var result = eval(beforefun+"(obj);");
if(!result){
return false;
}
}
if(!$(obj).attr("data-value")){
error($(obj).attr("data-error"));
return false;
}
if(!$(obj).attr("data-url")){
error("参数错误");
return false;
}
loadajax($(obj).attr("data-url"), $(obj).attr("data-value"), afterfun);
}); $(document).on("click", '.radiobtn', function () {
$(this).parents(".radiolists").find(".icon-checkmark").removeClass("active");
$(this).find(".icon-checkmark").addClass("active");
$(this).parents(".radiolists").find(".radiovalue").val($(this).attr("data"));
}); $(document).on("click", '.searcbt', function () {
if($("#setselectvalue").val()=="store"){
window.location = "/search.html?type=store&key="+encodeURI($("#searchkey").val());
}else{
window.location = "/search.html?key="+encodeURI($("#searchkey").val());
}
});
})

js 特效的更多相关文章

  1. 滚动变色的文字js特效

    Js实现滚动变色的文字效果,在效果展示页面,可看到文字在交替变色显示,以吸引人的注意,效果真心不错哦,把代码拷贝到你的网站后,修改成想要的文字就OK了. 查看效果:http://keleyi.com/ ...

  2. 150个JS特效脚本

    收集了其它一些不太方便归类的JS特效,共150个,供君查阅. 1. simplyScroll simplyScroll这个jQuery插件能够让任意一组元素产生滚动动画效果,可以是自动.手动滚动,水平 ...

  3. <一>初探js特效魅力之全选不选反选04

    初探js特效魅力04 我们在进入到公司里面工作的时候,做一个同一个项目,经常是大家分工合作,当我们写css时,一般不写在行间,因为这样会被误操作,也就是被乱删了都不知道,这样的后果是很难检查的 ,因为 ...

  4. <一>初探js特效魅力之选项卡05

    初探js特效魅力05 接下来为大家介绍的选项卡的切换 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&quo ...

  5. 带左右箭头切换的自动滚动图片JS特效

    效果图 按钮 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...

  6. 鼠标经过显示二级菜单的js特效

    本文章来给大家推荐一个不错的鼠标经过显示二级菜单js特效效果,有需要了解的朋友可以参考一下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T ...

  7. 又到圣诞节,让你的网页下起雪(js特效)

    又到圣诞节,让你的网页下起雪(js特效) 在4年多前,我写过一个特效,就是让你的网页下起雨,它的效果就是在你打开的网站,雨点下满你的屏幕,恩,大概效果如下图: 当然这个效果还有一些附带项,比如风速.风 ...

  8. 很不错的js特效

    这里有好多的js特效:http://www.jsfoot.com/jquery/images/qh/ jquery图片特效 jquery幻灯片 .... 有什么js需要可以到这里来下载:http:// ...

  9. 个人网站html5雪花飘落代码JS特效下载

    如何给自己的网站/页面添加雪花代码.特效呢?有的网站配合自己的主题模板添加雪花飘落效果挺好看的.特别是与冬天季节相关的主题,很多的博客空间都加了雪花的效果.在网上搜索了几种雪花效果,做了简单的修改,在 ...

  10. js特效 15个小demo

    js特效和15个小demo 代码如下:images文件夹未上传 1.图片切换: <!DOCTYPE html> <html> <head> <title> ...

随机推荐

  1. 利用Pastezort渗透win7

    下载Pastezort git clone https://github.com/ZettaHack/PasteZort.git 给Pastezort文件夹提升权限 /root/PasteZort/ ...

  2. hdu 4463 第37届ACM/ICPC杭州赛区K题 最小生成树

    题意:给坐标系上的一些点,其中有两个点已经连了一条边,求最小生成树的值 将已连接的两点权值置为0,这样一定能加入最小生成树里 最后的结果加上这两点的距离即为所求 #include<cstdio& ...

  3. Spring源码解析 – @Configuration配置类及注解Bean的解析

    在分析Spring 容器创建过程时,我们知道容器默认会加载一些后置处理器PostPRocessor,以AnnotationConfigApplicationContext为例,在构造函数中初始化rea ...

  4. FT网站开发过程遇到的问题汇总

    1.jar包不兼容问题.主要是mybatis,spring jar包不兼容.同时jstl标签也需要jar包,是jstl.jar,standard.jar. 2.mybatis的mapper.xml映射 ...

  5. 常用VPS测试工具整理

    来源: http://www.vpser.net/manage/vps-test-tool.html 购买VPS前主要是使用一些网络测试工具如ping.tracert.WinMTR之类的工具进行测试, ...

  6. android中PopupMenu的使用

    PopupMenu可以非常方便的在指定view的下面显示一个弹出菜单,类似于actionbar溢出菜单的效果.它的菜单选项可以来自于menu资源,因此非常方便.下面是在网上找的一个PopupMenu的 ...

  7. copy and paste ,做到这样也很牛逼了

    db笔记本 mysql资源 mysql5.1中文参考手册 mysql管理 基于linux使用mysql二进制包安装mysql5.5 mysql client命令行选项 mysqld服务器系统变量和状态 ...

  8. maven项目如何生成war文件

    配置 你的pom.xml文件,在你的overview视窗里 配置 packaging为 war 然后然后点击 pom.xml右键,run as 选择 install 或是 package如果项目没问题 ...

  9. (转)SQL Server 列转行

    原文:http://www.myexception.cn/sql-server/1078985.html1,2,3,4,5以上是一个字符串或则一逗号分隔的数字. 这里希望用一条语句查询出这样的效果: ...

  10. TF卡和SD卡的区别

    小型存储设备凭借低廉的价格.多样化的品种.实用等特性大量充斥在大家身边,比如智能手机手机上.数码照相机上.游戏机上(一般是掌机)等都小型电子设备都频繁的使用到这种统称为SD的产品,比如TF卡和SD卡( ...