Border的快樂生活記錄

Border 發表在 痞客邦 留言(0) 人氣()

Border 發表在 痞客邦 留言(3) 人氣()

很久沒寫有關程式的文章了  今天就來一篇用Jquery讓按鈕永遠在畫面的底部
在手機版很流行設計成這樣

(繼續閱讀...)

Border 發表在 痞客邦 留言(0) 人氣()

setTimeout是js裡面的計時器   但每次只執行一次
使用的方法有兩種
1. setTimeout("hi",5000);
2. setTimeout("hi()",5000);

(繼續閱讀...)

Border 發表在 痞客邦 留言(0) 人氣()

在jquery的部分如果要動態寫入html元素
比較常用到的有三種方式 html()  append()  prepend()
如下下面有一段html碼
<p>

(繼續閱讀...)

Border 發表在 痞客邦 留言(0) 人氣()

這裡介紹一個google map有趣的應用
假如我有多個經緯度座標   想要在google map地圖上標示
我們可以使用下面的方法
 

(繼續閱讀...)

Border 發表在 痞客邦 留言(0) 人氣()

有時候我們必須要判斷 字串中是不是純中文或者純英文 可以使用下面的函式判斷
/*
*function：檢查字符串是否由纯英文，纯中文，中英文混合组成
*param string
*return 1:纯英文;2:纯中文;3:中英文混合
*/
function check_str($str=''){
if(trim($str)==''){
return '';
}
$m=mb_strlen($str,'utf-8');
$s=strlen($str);
if($s==$m){
return 1;
}
if($s%$m==0&&$s%3==0){
return 2;
}
return 3;
}

(繼續閱讀...)

Border 發表在 痞客邦 留言(0) 人氣()

下面用範例來說明
JS部分
 
function get_checkbox()
{

$(".c1").each(function(){

// 判斷是否被勾選
if($(this).attr('checked'))
{
// 取的已勾選的checkbox值
alert($(this).attr("value"));
}

})
}

function BC_checked()
{

$(".c1").each(function(){

if($(this).attr('value') == "B" || $(this).attr('value') == "C")
{
// 指定勾選
$(this).attr("checked",true);
}

})
}

function add_option()
{
// 增加選項
$(new Option("D" , "4")).appendTo('#S1');
}

function get_selected()
{
// 取的選中項
alert($('#S1').val());

}

function clear_option()
{
//清空下拉框
$('#S1').empty();

}

function B_selected()
{
$("#S1").attr("value",'2');

}

(繼續閱讀...)

Border 發表在 痞客邦 留言(0) 人氣()

在一個頁面裡如果要抓取某個物件的座標
我們可以使用jquery提供的offset()
用法如下
var position = $(物件).offset();
var x = position.left;
var y = position.top; // 取得Y座標

// 將頁面卷軸移動到該位置
$("html, body").animate({scrollTop: y}, 600);

(繼續閱讀...)

Border 發表在 痞客邦 留言(0) 人氣()

現在的網頁技術很容易會用到燈箱的做法
在燈箱的頁面的開啟方法中   有一種是用iframe嵌入頁面
這時候就會遇到  當iframe的頁面儲存了某值後   想要立即更新母視窗
就可以用下面的代碼實現

(繼續閱讀...)

Border 發表在 痞客邦 留言(0) 人氣()

在開發網站的過程中   往往會有網站搬家的事情
這時候遇到的情況就是  在進入舊網站後要導向到新的網址
我們可以用下面這個語法來處理
<meta http-equiv="refresh" content="秒數; url=網址">

(繼續閱讀...)

Border 發表在 痞客邦 留言(0) 人氣()

今天來和大家分享checkbox複選方塊全選的做法
這很多地方都會用到   跟大家分享
 
1. js寫法 

(繼續閱讀...)

Border 發表在 痞客邦 留言(0) 人氣()