webapp端用jQuery怎么实现类似于iPhone的拖拽效果 20
4个回答
展开全部
在查找之前，我们要做的事是，“编辑”→“查找”→“高级”，点选“使用通配符”之后，在“查找内容”框内填上要查找的文字和通配符。关于通配符的用法： .“”与“”：①关于“”。使用该通配符可以用来指定要查找对象的结尾字符，比方说，要是你记不清所要查找对象的完整内容了，但记得要查找对象的结尾字符是某个特定的字符，此时大家就可以用“”附在这个特定字符的后面，然后Word就会自动去查找这个特定字符，从而让我们看到我们要找的目标。例如，在查找对话框中输入“up”的话，Word查找工具就会在当前文档中查找到以“up”结尾的所有目标对象，例如会找到“setup”、“cup”等等对象。如果查找的是汉字目标，我们要注意的是，查找的汉字应该是结尾字词（后面应该有标点符号分隔）。②关于“”。它与“”正好是相对的一组通配符，所以，我们可以用它来查找以某字母开头的对象。 .“@”：该通配符可以用来查找字符中包含一个以上的前一字符。例如，如果输入“me@n”的话，Word查找工具就可以找到“men”、“meen”之类的字符内容了。 .“?”：“?”代表任意单个字符，当大家不清楚查找目标中指定位置的内容是什么的时候，就可以用“?”来代替，几个“?”就代表几个未知字符。例如，在查找对话框中输入“?土”的话，Word查找工具就可以找到类似“黑土”、“黄土”之类的目标内容；输入“??土”的话，就能找到“五色土”之类的内容。 .“*”：“*”可以用来代替任意多个字符，比如我们输入“*国”，就可以找到“大国”、“法兰西国”、“中华人民共和国”等字符串内容。 .“[]”：该方框内的单个字符可以是指定要查找的字符之一，例如要是输入“[高矮]个”的话，Word查找工具就可以找到“高个”、“矮个”等内容。 .“{}”：可以用来指定要查找的字符中包含前一字符的个数，比如输入“lit{ }le”就是说包含 个前一字符“t”，可以找到“litle”，输入“lit{ }le”就是说包含 个前一字符“t”，可以找到“little”。 .“[-]”：该通配符是用来指定范围内的任意单个字符，要是在查找对话框中输入“[a-c]mend”的话，Word查找工具就可以找到“amend”、“bmend”、“cmend”等字符内容。通配符可以单独使用，但我们还可以把多个通配符使用一定的技巧组合起来，这样就可以使查找达到更精确的效果，比方说我们输入“(江山)*(多娇)”，就表示查找的是所有以“江山”开头并且以“多娇”结尾的字符串，当然，具体如何组合，就需要我们在以后的学习和实践中去摸索了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#div1{ background:#ccc; width: 100px; height:100px; position: absolute; }
#div2{ background: #000; width: 100px; height:100px; position: absolute; left: 200px; }
</style>
<script type="text/javascript">
window.onload=function(){
function drag(obj){
var oDiv=document.getElementById(obj);
var disX=0;
var disY=0;
oDiv.onmousedown=function(ev){
var oEvent= ev||event;
//alert(oEvent.clientX);
disX=oEvent.clientX-this.offsetLeft;
disY=oEvent.clientY-this.offsetTop;
document.onmousemove=function(ev){
var oEvent= ev||event;
var objX=oEvent.clientX-disX;
var objY=oEvent.clientY-disY;
if(objX<0){
objX=0;
}
else if(objX>document.documentElement.clientWidth-oDiv.offsetWidth)
{
objX=document.documentElement.clientWidth-oDiv.offsetWidth
}
if(objY<0){
objY=0;
}
else if(objY>document.documentElement.clientHeight-oDiv.offsetHeight)
{
objY=document.documentElement.clientHeight-oDiv.offsetHeight
}
oDiv.style.left=objX+'px';
oDiv.style.top=objY+'px';
}
}
oDiv.onmouseup=function(){
document.onmousedown=null
document.onmousemove=null
}
}
drag('div1');
drag('div2');
}
</script>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#div1{ background:#ccc; width: 100px; height:100px; position: absolute; }
#div2{ background: #000; width: 100px; height:100px; position: absolute; left: 200px; }
</style>
<script type="text/javascript">
window.onload=function(){
function drag(obj){
var oDiv=document.getElementById(obj);
var disX=0;
var disY=0;
oDiv.onmousedown=function(ev){
var oEvent= ev||event;
//alert(oEvent.clientX);
disX=oEvent.clientX-this.offsetLeft;
disY=oEvent.clientY-this.offsetTop;
document.onmousemove=function(ev){
var oEvent= ev||event;
var objX=oEvent.clientX-disX;
var objY=oEvent.clientY-disY;
if(objX<0){
objX=0;
}
else if(objX>document.documentElement.clientWidth-oDiv.offsetWidth)
{
objX=document.documentElement.clientWidth-oDiv.offsetWidth
}
if(objY<0){
objY=0;
}
else if(objY>document.documentElement.clientHeight-oDiv.offsetHeight)
{
objY=document.documentElement.clientHeight-oDiv.offsetHeight
}
oDiv.style.left=objX+'px';
oDiv.style.top=objY+'px';
}
}
oDiv.onmouseup=function(){
document.onmousedown=null
document.onmousemove=null
}
}
drag('div1');
drag('div2');
}
</script>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#div1{ background:#ccc; width: 100px; height:100px; position: absolute; }
#div2{ background: #000; width: 100px; height:100px; position: absolute; left: 200px; }
</style>
<script type="text/javascript">
window.onload=function(){
function drag(obj){
var oDiv=document.getElementById(obj);
var disX=0;
var disY=0;
oDiv.onmousedown=function(ev){
var oEvent= ev||event;
//alert(oEvent.clientX);
disX=oEvent.clientX-this.offsetLeft;
disY=oEvent.clientY-this.offsetTop;
document.onmousemove=function(ev){
var oEvent= ev||event;
var objX=oEvent.clientX-disX;
var objY=oEvent.clientY-disY;
if(objX<0){
objX=0;
}
else if(objX>document.documentElement.clientWidth-oDiv.offsetWidth)
{
objX=document.documentElement.clientWidth-oDiv.offsetWidth
}
if(objY<0){
objY=0;
}
else if(objY>document.documentElement.clientHeight-oDiv.offsetHeight)
{
objY=document.documentElement.clientHeight-oDiv.offsetHeight
}
oDiv.style.left=objX+'px';
oDiv.style.top=objY+'px';
}
}
oDiv.onmouseup=function(){
document.onmousedown=null
document.onmousemove=null
}
}
drag('div1');
drag('div2');
}
</script>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#div1{ background:#ccc; width: 100px; height:100px; position: absolute; }
#div2{ background: #000; width: 100px; height:100px; position: absolute; left: 200px; }
</style>
<script type="text/javascript">
window.onload=function(){
function drag(obj){
var oDiv=document.getElementById(obj);
var disX=0;
var disY=0;
oDiv.onmousedown=function(ev){
var oEvent= ev||event;
//alert(oEvent.clientX);
disX=oEvent.clientX-this.offsetLeft;
disY=oEvent.clientY-this.offsetTop;
document.onmousemove=function(ev){
var oEvent= ev||event;
var objX=oEvent.clientX-disX;
var objY=oEvent.clientY-disY;
if(objX<0){
objX=0;
}
else if(objX>document.documentElement.clientWidth-oDiv.offsetWidth)
{
objX=document.documentElement.clientWidth-oDiv.offsetWidth
}
if(objY<0){
objY=0;
}
else if(objY>document.documentElement.clientHeight-oDiv.offsetHeight)
{
objY=document.documentElement.clientHeight-oDiv.offsetHeight
}
oDiv.style.left=objX+'px';
oDiv.style.top=objY+'px';
}
}
oDiv.onmouseup=function(){
document.onmousedown=null
document.onmousemove=null
}
}
drag('div1');
drag('div2');
}
</script>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
去看看jquery mobile
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
