大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
点击的时候获取下当前位置
创新互联建站是一家专业提供满洲企业网站建设,专注与网站制作、网站设计、H5高端网站建设、小程序制作等业务。10年已为满洲众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。
获取位置方法
clientX,clientY
screenX,screenY
具体例子看下
利用锚点可以实现页面跳转到指定位置,跳转地址是#002,下面的html的锚点设002
比如
lia href="#002"实景照片/a/li
div class="jxjs" style="margin-top:75px;"
div id="jxzp" class="wrap"
a name="002" id="002" class="maodian"/a
div class="jxxq-common-title"实景照片/div
/div
/div
$('td').click(function(){
$(this).parents('table:first').next().show()//显示当前TD的下一个DIV内容
.siblings('div').hide();//将其它DIV内容隐藏
});
$("td").click(function(){
//td的id
alert($(this).attr("id"));
//tr的id
alert($(this).parent().attr("id"));
});
1、新建一个html文件,命名为test.html。
2、在test.html文件内,使用div标签创建一行文字,文字内容为“小明”。
3、在test.html文件内,设置div标签的id属性为mytext,主要用于下面通过该id获得div对象。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“切换内容”。
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行func()函数。
6、在js标签中,创建func()函数,在函数内,通过id(mytext)获得div对象,通过html()方法获得div内的文本内容,使用if语句判断获得的文字内容是否为指定的文本内容,如果不是,则通过html()方法改变文本内容。
div class="menu"
div class="menu-item active"菜单一/div
div class="menu-item"菜单二/div
div class="menu-item"菜单三/div
/div
div class="content"
div内容一/div
div class="hide"内容二/div
div class="hide"内容三/div
/div
script type="text/javascript" src="../js/jquery1.9.1.js"/script
script
$(function(){
$(".menu div").click(function(){
var t=$(this).index();
$(".menu div").each(function(i,e){
if(t==i){
$(e).addClass("active");
$(".content div").eq(i).removeClass("hide");
}else{
$(e).removeClass("active");
$(".content div").eq(i).addClass("hide");
}
});
});
});
/script