⑴ 移动端的一个js效果：手滑动向上向下滚动li标签
试试以下代码：
<!DOCTYPEhtml>
<html>
<head>
<matacharset="utf-8"/>
<linkrel="stylesheet"href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<scriptsrc="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<scriptsrc="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script>
$(document).on("pageinit","#pageone",function(){
$(document).on("scrollstop",function(){
alert("停止滚动！");
});
});
</script>
</head>
<body>
<divdata-role="page"id="pageone">
<divdata-role="header">
<h1>scrollstop事件</h1>
</div>
<divdata-role="content">
<p><b>提示：</b>如果未出现滚动条，请尝试调整窗口尺寸。</p>
<uldata-inset="true">
<lidata-role="list-divider">信息列表</li>
<lidata-role="fieldcontain">大学1</li>
<lidata-role="fieldcontain">大学大学2</li>
<lidata-role="fieldcontain">大学大学3</li>
<lidata-role="fieldcontain">大学大学4</li>
<lidata-role="fieldcontain">信息大学5</li>
<lidata-role="fieldcontain">大学6</li>
<lidata-role="fieldcontain">大学信息7</li>
<lidata-role="fieldcontain">信息大学8</li>
<lidata-role="fieldcontain">信息大学大学9</li>
<lidata-role="fieldcontain">信息大学10</li>
<lidata-role="fieldcontain">信息大学11</li>
<lidata-role="fieldcontain">信息大学12</li>
<lidata-role="fieldcontain">信息大学11</li>
<lidata-role="fieldcontain">信息大学12</li>
<lidata-role="fieldcontain">信息大学11</li>
<lidata-role="fieldcontain">信息大学12</li>
<lidata-role="fieldcontain">信息大学11</li>
<lidata-role="fieldcontain">信息大学12</li>
<lidata-role="fieldcontain">信息大学11</li>
<lidata-role="fieldcontain">信息大学12</li>
<lidata-role="fieldcontain">信息大学11</li>
<lidata-role="fieldcontain">信息大学12</li>
</ul>
</div>
<divdata-role="footer">
<h1>页脚文本</h1>
</div>
</div>
</body>
</html>
⑵ js控制a标签样式
<! html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>test</title>
<style type="text/css">
.m{color:Red;}
.n{color:blue;}
</style>
<script type="text/javascript">
function change(whichLink) {
var box = document.getElementById("box");
var links = box.getElementsByTagName("a");
for (var i = 0; i < links.length; i++) {
links[i].setAttribute("class", "m");
whichLink.setAttribute("class", "n");
}
}
</script>
</head>
<body>
<div id="box">
<a class="m" onclick="change(this);">1</a>
<a class="m" onclick="change(this);">2</a>
<a class="m" onclick="change(this);">3</a>
</div>
</body>
</html>
⑶ 怎么用js做出自定义菜单对li标签 右键 删除/变颜色 效果
js里面没有直接的右击事件，可采用onmousedown事件进行判断实现。如下：
document.getElementById("test").onmousedown=function(e){
if(e.button==2){
//alert("你点了右键");
//这样设计你的颜色样式...
}elseif(e.button==0){
alert("你点了左键");
}elseif(e.button==1){
alert("你点了滚轮");
}
}2、数据的过滤方法有很多，javaScript 、jQuery里面的filter函数，鉴于本题，最好采用angularJs实现。总体 参考代码如下：
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<scriptsrc="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js">
</script>
<scripttype="text/javascript">
window.onload=function(){
//去掉默认的contextmenu事件，否则会和右键事件同时出现。
document.oncontextmenu=function(e){
e.preventDefault();
};
document.getElementById("test").onmousedown=function(e){
if(e.button==2){
alert("你点了右键");
//这样设计你的颜色样式...
}elseif(e.button==0){
alert("你点了左键");
}elseif(e.button==1){
alert("你点了滚轮");
}
}
}
</script>
</head>
<body>
<divng-app="myApp"ng-controller="namesCtrl">
<p>输入过滤:</p>
<p><inputtype="text"ng-model="test"></p>
<ul>
<ling-repeat="xinnames|filter:test|orderBy:'pin'">
{{(x.name|uppercase)+','+x.pin}}
</li>
</ul>
</div>
<script>
angular.mole('myApp',[]).controller('namesCtrl',function($scope){
$scope.names=[
{name:'张三',pin:'zhangsan'},
{name:'王斌',pin:'wangbin'},
{name:'张春桥',pin:'zhangchunqiao'},
{name:'王滨',pin:'wangbin'}
];
});
</script>
<divstyle="width:600px;height:50px;margin:auto;border:1pxsolidpink"id="test">
<p>朝鲜新建农场</p>
</div>
</body>
</html>
⑷ 写js特效时 移动一个标签的时候，怎么让标签移动的时候很快而且是很流畅的那种
你将时间设为1，但是因为浏览器和电脑的处理的关系，显示的效果根本不可能是1毫秒一次。
你可以看看，你这个和50毫秒完全没有区别。
在设置时间的时候完全没有必要设置的那么小，你可以增加步长，也就是每次移动的多少。多尝试几次就好。步长太大了会生硬。如果说因为移动的距离太长，为了速度不得已的吧步长设置的太大，出现了不连续，这个也很正常，没有必要追求的那么完美。纯靠js也不能做出来没有痕迹的移动。
自己做难免会有很多的小毛病。你可以学一下jQuery等其他的 js 库。里面都是内置了动画的效果函数，相比之下用的简单而且效果很好，还增加了开发速度。
希望能够帮助你
⑸ 怎么利用js或jquery实现tab效果类似浏览器多窗口多标签的效果
可以用抄tab的插件，有好多，你自己选择一下用吧。http://www.cnblogs.com/lhb25/archive/2012/11/26/10-useful-jquery-tab-plugins.html
⑹ QQ上的标签这样的效果JS怎么实现呢
jquery 加几个绑定事件
1，给下面的增加绑定事件：比如下面的都有一个class属性：tag
$(".tag").live("click",function(){
//获取当前标签的名称，然后再上面的DIV里面加入他
//将当前绑定事件解除
$(this).unbind("click").addClass("自定义一个不可点击的样式名称");
});
2.上面的标签都有一个class属性：selTag
$(".selTag").live("mouseenter",function(){//标签增加鼠标移上去事件
var selTagObj = $(this);
//显示删除按钮,这个可以用样式来实现,你做一个小图标让他的位置浮动动当前的标签右边,并且增加点击事件
$("#delImg").css("left",$(this).offset().left+标签的宽度减去图片的宽度).css("top",$(this).offset().top).css("position","absolute").unbind("click").bind("click",function(){
//删除上面的标签，同时把下面的标签置为可添加
selTagObj.remove();
$("对应下面的标签").removeClass("自定义不可点击的样式名称").bind("click",function(){
把上面的绑定事件在加上，可以写一个JS方法，两边一起调用
});
});
});
⑺ 用JS制作5个a标签效果，只要前4个有效果，最后一个不要效果
function test() {
$(".test a").lt(4).hover(function () {
$(this).stop().animate({ "margin-top": -26 }, 300);
}, function () {
$(this).stop().animate({ "margin-top": 0 }, 300);
});
}
⑻ 使用js添加标签
<aonclick='addimg();'>添加图片</a>
<divclass='addimg'></div>
<script>
vari=0,div=document.getElementsByTagName("div")[0];
functionaddimg(){
varinput=document.createElement("input");//创建input
input.setAttribute("type","file");//设置type属性回
input.setAttribute("name","a"+(++i));//设置name属性
div.appendChild(input);//插入到答div内
};
</script>