第一种:普通调用
第二种:jquery对象中的自定义函数
注:
1.运行代码时,要有jquery.js文件,否则运行出错。
2.还有其它方法,只尝试了这两种。
如果能出现的话,就见鬼了,首页tt1()函数你写在了
$(document).ready(function(){});
里面,函数是有作用域的,外面是访问不到的,onclick调用时,页面会报错,tt1()未定义。这时候,就要用到jquery事件的绑定。给button增加一个ID比如id="btn" ;
代码就要这么写
$("#btn").click(function(){ $("#tp").fadeIn(); });
首页#tp是隐藏的,只有隐藏了,才能再显示。或者
$("#btn").click(function(){ $("#tp").hide().fadeIn(); });
先隐藏,再浮出。
按钮如果不先隐藏,又怎么show出来呢。所以你需要在fadeIn()前面先加上一个).fadeOut()就OK了。
解决方法:
或者事先定义tp这个元素的CSS让它先隐藏也可以,如下两种方法:
一、
function ttl(){
$("#tp").css("display","none").fadeIn();
}
二、
function ttl(){
$("#tp").hide().fadeIn();
}
你把
function ttl(){
$("#tp").fadeIn();
}
写在
$(
document).ready(function(){})
外面试一下
或者