js 特效
下拉菜单
<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()+"×="+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 特效的更多相关文章
- 滚动变色的文字js特效
Js实现滚动变色的文字效果,在效果展示页面,可看到文字在交替变色显示,以吸引人的注意,效果真心不错哦,把代码拷贝到你的网站后,修改成想要的文字就OK了. 查看效果:http://keleyi.com/ ...
- 150个JS特效脚本
收集了其它一些不太方便归类的JS特效,共150个,供君查阅. 1. simplyScroll simplyScroll这个jQuery插件能够让任意一组元素产生滚动动画效果,可以是自动.手动滚动,水平 ...
- <一>初探js特效魅力之全选不选反选04
初探js特效魅力04 我们在进入到公司里面工作的时候,做一个同一个项目,经常是大家分工合作,当我们写css时,一般不写在行间,因为这样会被误操作,也就是被乱删了都不知道,这样的后果是很难检查的 ,因为 ...
- <一>初探js特效魅力之选项卡05
初探js特效魅力05 接下来为大家介绍的选项卡的切换 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&quo ...
- 带左右箭头切换的自动滚动图片JS特效
效果图 按钮 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...
- 鼠标经过显示二级菜单的js特效
本文章来给大家推荐一个不错的鼠标经过显示二级菜单js特效效果,有需要了解的朋友可以参考一下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T ...
- 又到圣诞节,让你的网页下起雪(js特效)
又到圣诞节,让你的网页下起雪(js特效) 在4年多前,我写过一个特效,就是让你的网页下起雨,它的效果就是在你打开的网站,雨点下满你的屏幕,恩,大概效果如下图: 当然这个效果还有一些附带项,比如风速.风 ...
- 很不错的js特效
这里有好多的js特效:http://www.jsfoot.com/jquery/images/qh/ jquery图片特效 jquery幻灯片 .... 有什么js需要可以到这里来下载:http:// ...
- 个人网站html5雪花飘落代码JS特效下载
如何给自己的网站/页面添加雪花代码.特效呢?有的网站配合自己的主题模板添加雪花飘落效果挺好看的.特别是与冬天季节相关的主题,很多的博客空间都加了雪花的效果.在网上搜索了几种雪花效果,做了简单的修改,在 ...
- js特效 15个小demo
js特效和15个小demo 代码如下:images文件夹未上传 1.图片切换: <!DOCTYPE html> <html> <head> <title> ...
随机推荐
- Windows系统php5.6安装Imagick库
Windows上的安装坑比较多 1.安装Imagick,需要下载6.9.3之下版本的 http://imagemagick.org/script/download.php 官网都是新版本不可以用 我安 ...
- 【BZOJ】4767: 两双手【组合数学】【容斥】【DP】
4767: 两双手 Time Limit: 10 Sec Memory Limit: 256 MBSubmit: 1057 Solved: 318[Submit][Status][Discuss] ...
- hihocoder #1299 : 打折机票 线段树
#1299 : 打折机票 题目连接: http://hihocoder.com/problemset/problem/1299 Description 因为思念新宿的"小姐姐"们, ...
- 读书笔记_Effective_C++_条款三十二:确定你的public继承继承塑模出is-a关系
这一条款是说的是公有继承的逻辑,如果使用继承,而且继承是公有继承的话,一定要确保子类是一种父类(is-a关系).这种逻辑可能与生活中的常理不相符,比如企鹅是生蛋的,所有企鹅是鸟类的一种,直观来看,我们 ...
- 原型设计工具 Axure
ahjesus Axure RP 7.0注册码 ahjesus Axure RP 7.0注册码 用户名:axureuser 序列号:8wFfIX7a8hHq6yAy6T8zCz5R0NBKeVxo9I ...
- 【Go入门教程6】struct类型(struct的匿名字段)
struct Go语言中,也和C或者其他语言一样,我们可以声明新的类型,作为其它类型的属性或字段的容器.例如,我们可以创建一个自定义类型person代表一个人的实体.这个实体拥有属性:姓名和年龄.这样 ...
- 具体解释Ajax技术
Ajax 可以做什么? 现在 Google Suggest 和 Google Maps 使用了 Ajax,通过 Ajax,我们能够使得client得到丰富的应用体验及交换操作,而用户不会感觉到有网页提 ...
- 用最简单的例子理解命令模式(Command Pattern)
假设想让遥控器控制电灯的开关.电视机的开关和切换,该如何做? 所有的开.关.切换都是遥控器发出的指令,把这些指令统一抽象成一个接口. public interface IControl { void ...
- Extjs Gridpanel 动态加载
colMArray_ljdj=[smQd, {header : /*"代销机构代码"*/"机构", dataIndex : "dxjgdm" ...
- JS图片自己主动轮换效果实现
今天不在状态,五一快到了,俺就特想玩了.好了,天色已晚,闲话不多说,看下用javaScript 实现的图片自己主动轮换效果,先看图片 以下是详细的代码,还是比較简单的. <!DOCTYPE ht ...