自己常用的js方法
$(function(){
tabview("#zcfw_list1");
tabview("#zcfw_list2");
tabview("#zcfw_list3");
tabview("#zcfw_list4");
//搜索切换
new slide("#main-slide","cur",300,220,1);//焦点图
tabmenu2("#search_list li","hover",".search_cont");
tabmenu("#yaowen_tab li","hover",".yaowen_cont");
tabmenu("#sxfc_menu li","hover",".sxfc_cont");//省网
tabmenu("#around_left li","hover",".tab_left_c");//省网
tabmenu("#around_right li","hover",".tab_right_c");//省网
//输入框文字切换消失
var hoverTextObj=$(".hoverText");
var hoverText=new Array();
hoverTextObj.each(function(i){
hoverText[i]=$(hoverTextObj).eq(i).val();
$(hoverTextObj).eq(i).focus(function(){
$(this).attr('value','');
}).blur(function(){
$(this).attr('value',hoverText[i]);
}).change(function(){
$(this).unbind('blur').unbind('focus')
})
})
/*图片缓存*/
$("body img:not(#[id^='PHPADM_'] img)").lazyload({
effect : "fadeIn",
failurelimit : 5,//加载五个不可见区域的图片
placeholder : "http://fcdt.800j.com.cn/statics/images/index/grey.gif"
});
})
//下拉菜单
function tabview(itemobj){
$(itemobj+">dd").css({"display":"none"});
$(itemobj).mouseover(function(){
$(itemobj+">dd").css({"display":""});
}).mouseout(function(){
$(itemobj+">dd").css({"display":"none"});
})
}
//标签切换
function tabmenu(liItem,liItemClass,contClass) {
var t;
$(liItem).mouseover(function(){
t=setTimeout(function(){foo()},60);
var thisLi=$(this);
var foo=function(){
if(thisLi.attr("rel")!="notab"){
$(liItem).attr("class"," ");
thisLi.attr("class",liItemClass);
var thisIndex=thisLi.index();
if($(contClass).eq(thisIndex).css("display")=="none"){
$(contClass).css("display","none");
}
$(contClass).eq(thisIndex).fadeIn("fast");
return false;
}
}
})
$(liItem).mouseout(function(){
clearTimeout(t)
})
}
//标签切换2
function tabmenu2(liItem,liItemClass,contClass) {
$(liItem).click(function(){
$(liItem).attr("class"," ");
$(this).attr("class",liItemClass);
var thisIndex=$(this).index();
if($(contClass).eq(thisIndex).css("display")=="none"){
$(contClass).css("display","none");
}
$(contClass).eq(thisIndex).fadeIn("fast");
return false;
})
}
//文字滚动
//t_w,文字宽度,也就是文字一屏滚动宽度
function textscroll(id,w){
var a=$("#"+id);
var linum=a.find("ul li").length;
var ulobj=a.find("ul").eq(0);
if(linum>1){
w=linum*350;
ulobj.width(w);
a.find(".qht_prev").click(function (){
var w=ulobj.width()-350;
var ulobjleft=ulobj.css("left");
if(ulobjleft!=("-"+w+"px")){
var w=a.find("ul").width();
ulobj.animate({left:'-=350px'},500,"easeInOutExpo");
return false;
}else if(ulobjleft==("-"+w+"px")){
ulobj.animate({left:'0px'},500,"easeInOutExpo");
return false;
}
});
function goprev() {
var w=ulobj.width()-260;
var ulobjleft=ulobj.css("left");
if(ulobjleft!=("-"+w+"px")){
var w=a.find("ul").width();
ulobj.animate({left:'-=350px'},500,"easeInOutExpo");
return false;
}else if(ulobjleft==("-"+w+"px")){
ulobj.animate({left:'0px'},500,"easeInOutExpo");
return false;
}
}
a.find(".qht_next").click(function(){
var w=ulobj.width()-260;
var ulobjleft=ulobj.css("left");
if(ulobjleft!="0px"){
var w=a.find("ul").width();
ulobj.animate({left:'+=350px'},500,"easeInOutExpo");
return false;
}else{
ulobj.animate({left:("-"+w+"px")},500,"easeOutElastic");
return false;
}
})
setInterval(goprev,4000)
}
}
//首页98030广告文字纵向滚动
function currF(id,curr){
var curr=0;
timerID = setInterval(topscroll,4000)
function topscroll() {
var a=$(id);
var ul=a.find("ul").eq(0);
var h=ul.height();//所有项目的总高
var anum=a.find("li").length;//所有项目的数量
//ah=h/anum;每个项目的高
if(anum>0&&curr<anum-1){
ah=Math.ceil(h/anum);
curr++;
p = (ah*curr*-1)
ul.animate({top: p },500);
}else{
ul.animate({top:"0px"},500);
curr=0;
}
}
}
自己常用的js方法的更多相关文章
- 常用原生JS方法总结(兼容性写法)
经常会用到原生JS来写前端...但是原生JS的一些方法在适应各个浏览器的时候写法有的也不怎么一样的... 今天下班有点累... 就来总结一下简单的东西吧…… 备注:一下的方法都是包裹在一个EventU ...
- 在项目中常用的JS方法封装
使用方法简单,只需要放在你的 utils.js 工具文件中,直接export const 加上下面封装方法,在别的文件中使用 {方法1,方法2,方法3...}引用后直接使用即可. 01.输入一个值.返 ...
- webdriervAPI(常用的js方法)
from selenium import webdriver driver = webdriver.Chorme() driver.get("http://www.baidu.co ...
- 常用原生JS方法
备注:一下的方法都是包裹在一个EventUtil对象里面的,直接采用对象字面量定义方法了... ①添加事件方法 1 2 3 4 5 6 7 8 9 addHandler:function(elemen ...
- 常用的js方法,包括表单校验的一些方法
/** * 对JSON对象转换为字符串. * @param {json对象} json * @return {json字符串} */ function jsonObj2Str(json) { var ...
- 项目中常用的js方法封装---自留
1.输入一个值,返回其数据类型 type = para => { return Object.prototype.toString.call(para).slice(8,-1) } 2.冒泡排序 ...
- 开发时候常用的js方法封装
1.判断是否是一个数组 function isArray(arr){ return Object.prototype.toString.call(arr) ==='[object Array]'; } ...
- 项目中常用的js方法(持续更新)
<script> var utils = { //时间戳转日期(timestamp:时间戳 默认当前时间) dateFormat: function(timestamp = new Dat ...
- 常用的JS方法(见到好的就添加进来)
// 悬浮置顶 ; (function ($) { $.fn.crumbsFixedPosition = function (options) { var defaults = { cName: 'f ...
随机推荐
- C#学习笔记(一)
1.cmd运行devenv启动VS. 2.解决方案:公司 项目:部门 类:员工 3.右边的解决方案管理器:会自动隐藏,想让他固定的话,就点击关闭按钮中间的“自动隐藏”:可以拖动到上下左右,当出现阴影的 ...
- [转载]汇编eax寄存器和AX,AH,AL之间的关系
00000000 00000000 00000000 00000000|===============EAX===============|---32个0,4个字节,2个字,1个双字 ...
- VB断点大全
MultiByteToWideChar, ANSI字符串转换成Unicode字符串WideCharToMultiByte, Unicode字符串转换成ANSI字符串 //--------------- ...
- smarty 时间格式化date_format
代码如下:$smarty = new Smarty; $smarty->assign('yesterday', strtotime('-1 day')); $smarty->display ...
- mysql可以运行在不同sql mode模式下面,sql mode模式定义了mysql应该支持的sql语法,数据校验等
查看默认的sql mode模式:select @@sql_mode;我的数据库是:STRICT_TRANS_TABLES,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUT ...
- ural 1123
找大于等于原数的最小回文数字 代码比较烂........... #include <iostream> #include <cstdio> #include <cstr ...
- request重定向或者是response转发请求后面的代码依然执行
调用response.redirect(),或者request.getRequestDispatcher(loginAddr).forward(request,response);后,后面的代码照样执 ...
- 【转】linux常用命令全集
linux常用命令全集
- linux配置防火墙详细步骤(iptables命令使用方法)
通过本教程操作,请确认您能使用linux本机.如果您使用的是ssh远程,而又不能直接操作本机,那么建议您慎重,慎重,再慎重! 通过iptables我们可以为我们的Linux服务器配置有动态的防火墙,能 ...
- 第二部分 overlay 架构初探
1 overlay可能支持的颜色格式/* possible overlay formats可能支持的颜色格式 */enum { OVERLAY_FORMAT_RGBA_8888 = HAL ...