实时搜索: js怎么

js怎么

202条评论 2875人喜欢 2521次阅读 335人点赞
想用JS做一个滚动。 , 一个字符串“0.123”
怎么转换成数字0.123
(小数为不定) , <input type="text" id="workflowrank" name="workflow.rank" onblur="isNumber()"> js怎样获得这个文本框的值 ...

js怎么增加自然年:     var date = new Date();
    var year = date.getFullYear()+10;
    document.write(year);

结果输出:2028

js怎么获取鼠标位置: <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
    *{margin:0;padding:0;}
    #box{width:100px;height:100px;color:#fff;background:blue;}
   
</style>
 
</head>
 
<body>

<div id="box">
<div id="a"></div>
<div id="b"></div>
</div>
<script type="text/javascript">
document.onmousemove = function(ev){
    var e = ev || event;
   document.getElementById("a").innerText=("x:"+e.pageX);
   document.getElementById("b").innerText=("y:"+e.pageY);
}
</script>
</body>
</html>

JS怎么做滚动哇!:

是图片轮播吗?5张图片轮播代码:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

    <head> 
        <title>pic player</title> 
        <script type="text/javascript" src="/img/PGJyLz48YnIvPsKgwqDCoMKgwqDCoMKgwqAmbHQ7c2NyaXB0wqB0eXBlPQ=="text/javascript" src="/img/PGJyLz48YnIvPsKgwqDCoMKgJmx0Oy9oZWFkJmd0O8KgPGJyLz7CoMKgwqDCoCZsdDtzdHlsZcKgdHlwZT0="text/css"> 
    img{border:0;} 
    </style> 
    <body> 
        <div
 id="picplayer" 
style="position:relative;overflow:hidden;width:300px;height:300px;clear:none;border:solid
 1px #ccc;"> 
            there is a pic-player 
        </div> 
        <script> 
            var p = $('#picplayer'); 
            var
 pics1 = 
[{url:'
,link:'
,time:5000},{url:'
,link:'
,time:4000},{url:'
,link:'
,time:6000},{url:'
,link:'
,time:6000},{url:'
,link:'
,time:6000}]; 
            initPicPlayer(pics1,p.css('width').split('px')[0],p.css('height').split('px')[0]); 
            // 
            // 
            function initPicPlayer(pics,w,h) 
            { 
                //选中的图片 
                var selectedItem; 
                //选中的按钮 
                var selectedBtn; 
                //自动播放的id 
                var playID; 
                //选中图片的索引 
                var selectedIndex; 
                //容器 
                var p = $('#picplayer'); 
                p.text(''); 
                p.append('<div id="piccontent"></div>'); 
                var c = $('#piccontent'); 
                for(var i=0;i<pics.length;i++) 
                { 
                    //添加图片到容器中 
                    c.append('<a
 href="'+pics[i].link+'" target="_blank"><img id="picitem'+i+'" 
style="display: none;z-index:'+i+'" src="'+pics[i].url+'" 
/></a>'); 
                } 
                //按钮容器,绝对定位在右下角 
                p.append('<div
 id="picbtnHolder" 
style="position:absolute;top:'+(h-25)+'px;width:'+w+'px;height:20px;z-index:10000;"></div>'); 
                // 
                var btnHolder = $('#picbtnHolder'); 
                btnHolder.append('<div id="picbtns" style="float:right; padding-right:1px;"></div>'); 
                var btns = $('#picbtns'); 
                // 
                for(var i=0;i<pics.length;i++) 
                { 
                    //增加图片对应的按钮 
                    btns.append('<span
 id="picbtn'+i+'" style="cursor:pointer; border:solid 1px 
#ccc;background-color:#eee; 
display:inline-block;"> '+(i+1)+' </span> '); 
                    $('#picbtn'+i).data('index',i); 
                    $('#picbtn'+i).click( 
                        function(event) 
                        { 
                            if(selectedItem.attr('src') == $('#picitem'+$(this).data('index')).attr('src')) 
                            { 
                                return; 
                            } 
                            setSelectedItem($(this).data('index')); 
                        } 
                    ); 
                } 
                btns.append(' '); 
                /// 
                setSelectedItem(0); 
                //显示指定的图片index 
                function setSelectedItem(index) 
                { 
                    selectedIndex = index; 
                    clearInterval(playID); 
                    //alert(index); 
                    if(selectedItem)selectedItem.fadeOut('fast'); 
                    selectedItem = $('#picitem'+index); 
                    selectedItem.fadeIn('slow'); 
                    // 
                    if(selectedBtn) 
                    { 
                        selectedBtn.css('backgroundColor','#eee'); 
                        selectedBtn.css('color','#000'); 
                    } 
                    selectedBtn = $('#picbtn'+index); 
                    selectedBtn.css('backgroundColor','#000'); 
                    selectedBtn.css('color','#fff'); 
                    //自动播放 
                    playID = setInterval(function() 
                    { 
                        var index = selectedIndex+1; 
                        if(index > pics.length-1)index=0; 
                        setSelectedItem(index); 
                    },pics[index].time); 
                } 
            } 
        </script> 
    </body> 
</html>

演示地址:http://img.jb51.net/online/picPlayer/picplay.htm

参考资料:http://www.jb51.net/article/17008.htm

JS怎么实现站内搜索功能?:

一:对文章关键字的搜索(数组的方法):

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#search{
height:40px;width: 200px;font-size: 30px;text-align: center;
}
#div {
font-size: 20px;width: 600px;
}

#div span{
color: red;
}
</style>
</head>
<body >
<input type="text" name="search" id="search" value="馋" onclick="this.value='' "/>
<input type="button" name="" id="bbtn" value="搜索" />
<div id="div">
<p>馋,在英文里找不到一个十分适当的字。罗马暴君尼禄,以至于英国的亨利八世,在大宴群臣的时候,常见其撕下一根根又粗又壮的鸡腿,举起来大嚼,旁若无人,好一副饕餮相!但那不是馋。埃及废王法鲁克,据说每天早餐一口气吃二十个荷包蛋,也不是馋,只是放肆,只是没有吃相。对有某一种食物有所偏好,于是大量的吃,这是贪多无厌。馋,则着重在食物的质,最需要满足的是品味。上天生人,在他嘴里安放一条舌,舌上还有无数的味蕾,教人焉得不馋?馋,基于生理的要求;也可以发展成为近于艺术的趣味。 
也许我们中国人特别馋一些。馋字从食,有声。毚音谗,本义是狡兔,善于奔走,人为了口腹之欲,不惜多方奔走以膏馋吻,所谓“为了一张嘴,跑断两条腿”。</p>
</div>
<script type="text/javascript">
       var bbtn=document.getElementById('bbtn');
       var search=document.getElementById('search');
       var text=document.getElementsByTagName('p')[0];
       var text1=text.innerHTML;
       var arr=[];
       var str=text1;
       bbtn.onclick=function(){
        str=text1
        arr=search.value;
      str=str.split(arr).join('<span>'+arr+'</span>');
        text.innerHTML=str;
       }
       
</script>
</body>
</html>

二:对li表单的搜索:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
padding: 0;margin: 0;
}
#content{
margin: 100px 300px;display: block;
}
input{
height: 50px;width: 400px;font-size: 30px;line-height: 50px;
}
ul{
      
}
li{
margin:10px 0px;display: block;
}
</style>
</head>
<body>
<div id="content">

<ul>
<input type="" name="" id="" value="" placeholder="请输入城市的名称或拼音"/>
<li pname="北京" cname="bj">北京</li>
<li pname="株洲" cname="zz">株洲</li>
<li pname="上海" cname="sh">上海</li>
<li pname="长沙" cname="cs">长沙</li>
<li pname="杭州" cname="hz">杭州</li>
<li pname="天津" cname="tj">天津</li>
<li pname="西安" cname="xa">西安</li>
<li pname="成都" cname="cd">成都</li>
<li pname="武汉" cname="wh">武汉</li>
<li pname="南京" cname="nj">南京</li>
</ul>

</div>
        <script type="text/javascript">
         var li=document.getElementsByTagName('li');
         var text=document.getElementsByTagName('input')[0];
         function search(){
         var arr=text.value;
         for(var i=0;i<li.length;i++)
         {
         li[i].style.display="none";
         if(li[i].getAttribute('pname').indexOf(arr)!=-1||li[i].getAttribute('cname').indexOf(arr)!=-1)
         {
         li[i].style.display="block";
         }
         }
         }
        text.oninput=function(){
         search();
        }
  </script>
</body>
</html>

js怎么把字符串转换成数字: num1 = parseFloat($("#id").val());
JS 中转换函数有两个 parseInt()和parseFloat() 前者将字符串转换为int类型 后者转换为float类型
追加一点小技巧
在js里 其实也可以这么做将字符串转为数字
num1 = $("#id").val() - 0;
取到的字符串减0也可以转为数字类型 加0是不行的 因为+操作符存在类似过载的情况,不知道js里是不是叫操作符过载

js怎样获得这个文本框的值: document.getElementById("workflowrank").value

LOL技巧,JS怎么玩: LOL剑圣的玩法技巧:
一、技能加点:剑圣一般是主Q副E技能,由于剑圣技能特殊性,W的恢复需要站桩。所以在二级时究竟是需要快速清野点出E的真实伤害还是点出W的续航,是需要考虑一下的地方。大体来说并没有太大的区别,主Q副E,有大点大的剑圣可以打出爆炸伤害,不过在前期极度不顺需要野区强力续航时,主Q副W是一个不错的选择。
二、召唤师技能:召唤师技能可以带闪现惩戒或者闪现传送。闪现惩戒可以说不论是追击对手还是从战场逃脱都是很好的选择。但是剑圣作为一个41分推的好手,带出传送惩戒可以让剑圣 的支援效率大大提升。偷塔狂魔易大师并不是随随便便都可以叫的出来的。所以推荐闪现传送,面对需要41的阵容时,传送惩戒才是正路。
三、团战技巧:作为一个高爆发脆皮英雄,剑圣在没有复活甲时要特别注意切入的时机。。所以在团战时的剑圣,切记先让队友吸收掉控制和大伤害技能,然后开启R进入小旋风收割模式。击杀之后的减少80%CD被动就是为收割而生。当后期拥有了复活甲之后的剑圣就拥有主动权了,可以先手进行突击吸收一波伤害然后让队友打出输出。复活之后,完成收割。

js怎么获取input的输入的值:

1、如图所示,【右键单击项目】,选择【添加新项】,先添加一个页面。

2、然后在弹出来的窗体,选择Web窗体,点击添加进入下一步。

3、接着输入图中的代码到head和body里面。下面的代码可直接复制

head里面的js代码:

<script type="text/javascript">

function load() {

var input = document.getElementById("txbInfo").value;   //获取用户在Info上输入的值

window.alert ("您输入的是:"+ input);

}

</script>

body里面的控件代码:

<form id="form1" runat ="server">

<input type ="text" id="txbInfo" name="txbInfo"  style="width:80px;" /> 

<input type ="button" id="btnGet" name="btnGet" value="获取" style="width:50px;" onclick="load()" /> 

</form> 

4、写好代码后,点击图中类似播放键的按钮运行调试。测试一下,所写的代码是否可行。

5、如图所示, 运行后的页面,只有一个输入框,和一个获取的按钮,因为只写了这两个控件,所以界面很简单。

6、接着,在输入框上,输入一个信息。例如,输入“我想点餐吃鸡腿”。输入完毕后,点击获取,看看效果。

7、如图所示, 弹出来了的信息是“您输入的是:我想点餐吃鸡腿”。获取了刚才输入的值,证明这个代码获取input输入的信息是可行的。

热门标签: js怎么 js怎么
  • dvd不读碟怎么办

    哪款最新视频学习机可以下载flv格式的视频,不是视频学习机也行: 刚刚刚刚刚刚刚刚灌灌灌灌灌灌灌灌灌 ...

    371条评论 1501人喜欢 2696次阅读 399人点赞
  • 10d钢化膜什么意思

    哪位大哥可以告诉小弟几个国产电影?急急急急!!!!: http://58.251.57.206/down?cid=D9E0E96C0890DD476758FF21749C9C38582B3090&t=4&fmt=flv 黄石的孩子http://58.25...

    775条评论 2667人喜欢 4588次阅读 866人点赞
  • gddr5 ddr4哪个好

    2010款悦动自动豪华型,4挡手自一体变速箱,把档位拨到D3,面板还是显示D挡,其他档位都正常,是: 如图,L档表示车子只会在1档运行,2档车子只会在1和2档之间切换,D3和D档是合并在一起的,是正常前进档,仪表盘不显示D3。所以,放心开就好哦。 ...

    564条评论 5105人喜欢 1360次阅读 949人点赞
  • html中字体有哪些

    下载两个FLV格式文件 一个在手机里打得开 一个打不开 什么道理?: 这个问题已经回答N次啦。主要在转换成flv时设置的码率不一样。如果是低码的在手机里面就可以放,如果是高码就不行,你可以通过Ultra Flash Video FLV Converter这个软件进行转换。 ...

    569条评论 2939人喜欢 3163次阅读 782人点赞
  • mu10砖是什么砖

    如何将下载下来的VAT格式文件转换成MP3格式拜托了各位 谢谢: 任意格式转换为MP3,视频转换大师--超强的视频转换软件 http://china.winmpg.com/ 全面支持任意格式到mp4/AVI转换等格式--转换步骤 http://china.winmpg.com/...

    901条评论 6030人喜欢 6345次阅读 789人点赞
  • ipad程序管理在哪

    宝马8速可以用壳牌变速箱油d3吗?: 这个需要看厂家对变速箱油的规定了,建议你看一下该车的说明书。估计这个8速变速器应该选择DOT4才行。 ...

    991条评论 3389人喜欢 4499次阅读 852人点赞
  • 2015款汽车有哪些

    谁能告诉我,这信用卡是单币还是双币,还是全币?: 这是双币卡,银联和VISA的。 ...

    393条评论 2065人喜欢 1871次阅读 691人点赞
  • .保健品哪些品牌

    关于动漫的问卷调查: 年龄:16-251、您关注动漫吗? A是 2、您为什么看动画? D欣赏 3、您常看哪些动漫? C日本4、您认为哪里的动漫最优秀? C日本5、您平时会买动漫周边吗? B特别喜欢才买6、您关心中国动漫吗? A关心 7、您...

    553条评论 6123人喜欢 2215次阅读 271人点赞