中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

基于jQuery制作迷你背詞匯工具

今天我要介紹的是load()函數(shù)的一個(gè)實(shí)際運(yùn)用,希望你讀完以后會(huì)覺(jué)得它很簡(jiǎn)單、而且很實(shí)用。下面是一個(gè)類似金山詞霸里背單詞的小工具,它和滾動(dòng)文字(圖片)的效果差不多,但是用到的是ajax功能,也就是涉及到服務(wù)器端的腳本的執(zhí)行。

首先我創(chuàng)建的一個(gè)文本文件包含有我要背誦的英文詞匯,然后是下面的php代碼,用來(lái)讀取詞匯,并且隨機(jī)返回一個(gè)詞匯。

復(fù)制代碼 代碼如下:
<?php
$buffer = array();
$handle = @fopen("toefl_listen.txt", "r");
if ($handle) {
while (!feof($handle)) {
array_push ($buffer, fgets($handle, 4096));
}
fclose($handle);
}
echo $buffer[array_rand($buffer)];
?>


最后是通過(guò)下面的Javascript腳本加上一點(diǎn)Ajax技術(shù),調(diào)用服務(wù)器端的php代碼,并把返回結(jié)果在特定DIV里顯示。因?yàn)槭茄h(huán)播放,所以我用到了setInterval()函數(shù)。此外還使用clearInterval()函數(shù),實(shí)現(xiàn)鼠標(biāo)滑過(guò) - 暫定播放的功能。

復(fù)制代碼 代碼如下:
<script>
$(document).ready(function()
{
//沒(méi)隔3秒調(diào)用服務(wù)器端的php文件
var refreshId = setInterval(function()
{
$('#timeval').load('reflesh.php');
}, 3000);
//鼠標(biāo)滑過(guò) - 暫停播放
$("#timeval").mouseover(function()
{
clearInterval(refreshId);
});
$("#timeval").mouseout(function(){
refreshId = setInterval(function()
{
$('#timeval').load('reflesh.php');
}, 3000);
});
});
</script>

我覺(jué)得上面介紹的間隔一定時(shí)間調(diào)用服務(wù)器的代碼,其擴(kuò)展性還是挺大的。我這里只是使用它來(lái)讀取一個(gè)簡(jiǎn)單的文本文件,你還可以用它來(lái)調(diào)用數(shù)據(jù)庫(kù),來(lái)實(shí)現(xiàn)對(duì)某個(gè)數(shù)據(jù)的實(shí)時(shí)更新。

JavaScript技術(shù)基于jQuery制作迷你背詞匯工具,轉(zhuǎn)載需保留來(lái)源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 中文字幕在线看 | 91视频在线观看 | 欧美精品综合在线 | av一区二区三区 | 国产精品久久久久影院色老大 | 久久久久久久久久久高潮一区二区 | 九九99靖品 | 国产午夜精品一区二区三区四区 | 亚洲午夜在线 | 欧美电影免费观看高清 | 日韩欧美在线一区 | 一区二区三区国产 | 91精品国产手机 | av毛片| 一级片网址 | 天堂视频中文在线 | 先锋资源网站 | 中文字幕久久精品 | 成人精品一区亚洲午夜久久久 | 国产精品久久久久一区二区三区 | 日韩在线高清 | 国产精品成人在线播放 | 国产精品一卡二卡三卡 | 成人免费福利视频 | 午夜免费影视 | 成人深夜福利网站 | 日本人和亚洲人zjzjhd | 天天干在线播放 | 狼人伊人影院 | 欧美精品久久久 | 成人小视频在线 | 91在线一区二区三区 | 亚洲激情一区二区三区 | 亚洲一区二区三区免费观看 | 精品毛片 | 91成人在线 | 第一区在线观看免费国语入口 | 亚洲国产网址 | 在线一区 | 国产精品久久片 | 天堂久久一区 |