$(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方法的更多相关文章

  1. 常用原生JS方法总结(兼容性写法)

    经常会用到原生JS来写前端...但是原生JS的一些方法在适应各个浏览器的时候写法有的也不怎么一样的... 今天下班有点累... 就来总结一下简单的东西吧…… 备注:一下的方法都是包裹在一个EventU ...

  2. 在项目中常用的JS方法封装

    使用方法简单,只需要放在你的 utils.js 工具文件中,直接export const 加上下面封装方法,在别的文件中使用 {方法1,方法2,方法3...}引用后直接使用即可. 01.输入一个值.返 ...

  3. webdriervAPI(常用的js方法)

    from  selenium  import  webdriver driver  =  webdriver.Chorme() driver.get("http://www.baidu.co ...

  4. 常用原生JS方法

    备注:一下的方法都是包裹在一个EventUtil对象里面的,直接采用对象字面量定义方法了... ①添加事件方法 1 2 3 4 5 6 7 8 9 addHandler:function(elemen ...

  5. 常用的js方法,包括表单校验的一些方法

    /** * 对JSON对象转换为字符串. * @param {json对象} json * @return {json字符串} */ function jsonObj2Str(json) { var ...

  6. 项目中常用的js方法封装---自留

    1.输入一个值,返回其数据类型 type = para => { return Object.prototype.toString.call(para).slice(8,-1) } 2.冒泡排序 ...

  7. 开发时候常用的js方法封装

    1.判断是否是一个数组 function isArray(arr){ return Object.prototype.toString.call(arr) ==='[object Array]'; } ...

  8. 项目中常用的js方法(持续更新)

    <script> var utils = { //时间戳转日期(timestamp:时间戳 默认当前时间) dateFormat: function(timestamp = new Dat ...

  9. 常用的JS方法(见到好的就添加进来)

    // 悬浮置顶 ; (function ($) { $.fn.crumbsFixedPosition = function (options) { var defaults = { cName: 'f ...

随机推荐

  1. tomcat启动报错:Unsupported major.minor version 51.0

    myeclipse中添加项目后,发现项目启动时报错:Unsupported major.minor version 51.0 因为tomcat使用的jdk版本不支持你项目的jdk版本,需要你在myec ...

  2. 分享SCI写作经验和一些工具

  3. shuffle过程中的信息传递

    依据Spark1.4版 Spark中的shuffle大概是这么个过程:map端把map输出写成本地文件,reduce端去读取这些文件,然后执行reduce操作. 那么,问题来了: reducer是怎么 ...

  4. C++11新特性:自动类型推断和类型获取

    声明:本文是在Alex Allain的文章http://www.cprogramming.com/c++11/c++11-auto-decltype-return-value-after-functi ...

  5. Windows调试的基石——符号(1)

    当应用程序被链接以后,代码被逐一地翻译为一个个的地址,优化以后的代码可能初看起来更是面目全非.每当我们使用vs或者windbg等微软的调试工具进行调试的时候,我们可以方便地使用变量名来查看内存.可以使 ...

  6. Qt之四种等待提示框

    http://blog.csdn.net/u011012932/article/details/51029602http://blog.csdn.net/u011012932/article/deta ...

  7. Android 设定activity的进入和退出效果

    看了android的源代码和资源文件,终于明白如何去修改设置Dialog和Activity的进入和退出效果了.设置Dialog首先通过 getWindow()方法获取它的窗口,然后通过getAttri ...

  8. Tableau

    http://tableau.analyticservice.net/desktop.html

  9. 安装Hadoop系列 — 安装Eclipse

    1.下载 Eclipse从 http://www.eclipse.org/downloads/index-developer.php下载合适版本,如:Eclipse IDE for C/C++ Dev ...

  10. node.js模块之fs文件系统

    fs 模块是文件操作的封装,它提供了文件的读取.写入.更名.删除.遍历目录.链接等 POSIX 文件系统操作.与其他模块不同的是,fs 模块中所有的操作都提供了异步的和同步的两个版本, 例如读取文件内 ...