應(yīng)用開發(fā)中涉及到的css和php筆記分享
更新時間:2011年08月02日 19:00:57 作者:
最近一周使用SAE開發(fā)一個簡單的微博應(yīng)用。應(yīng)用本身很簡單,使用php算法可以輕松實現(xiàn)。但是在調(diào)用新浪API的時候遇到很多各種各樣的麻煩。應(yīng)用到現(xiàn)在還有些不穩(wěn)定。
關(guān)于應(yīng)用中遇到的一些問題及解決辦法,做一些記錄,以備后用。本人新手,技術(shù)還不熟練,筆記比較幼稚。嘲笑請輕笑。
1、關(guān)于層的絕對定位。
有兩個div層,其中main類div是整體的層,cloud類div是絕對定位層,實現(xiàn)的效果是在屏幕右上角顯示一個云彩的gif圖片。div布局代碼如下:
<div class="cloud"></div>
<div class="main">
...
</div>
在過程中一度將cloud層放在了main層里,導(dǎo)致ie無法顯示cloud層。后將cloud層放出main層外部,并將main的position改為relative,才解決了這個問題。CSS代碼如下:
.main{
position:relative;
top:30px;
width:600px;
height:auto;
text-align:left;
background-color:#FFFFFF;
border:5px solid #FF0011;
}
.cloud {
background: url(../image/cloud.gif) no-repeat 100% 50%;
height: 171px;
position: absolute;
right: 0px;
top: 0px;
width: 345px;
z-index: 1000;
}
2、關(guān)于年月日的下拉框選擇實現(xiàn)。
年月日的下拉框做的很呆滯,日期不能隨著年份和月份的變化而變化。但是這是比較初級的解決方案,也參考了網(wǎng)上別人的方法。以后再研究更新的方法。
<?php
$months = array (1 => '1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月');
$days = range(1,31);
$years = range(1930,2011);
echo '<select name="year" >';
foreach ($years as $value) {
echo "<option value=\"$value\">$value 年</option>";
if ($value == 1987) {
echo '<option value=\'1987\' selected>1987 年</option>';
}
}
echo '</select>';
echo '<select name="month" >';
foreach ($months as $key => $value) {
echo "<option value=\"$key\">$value</option>";
}
echo '</select>';
echo '<select name="day" >';
foreach ($days as $value) {
echo "<option value=\"$value\"> $value 日</option>";
}
echo '</select>';
?>
3、待續(xù)。
1、關(guān)于層的絕對定位。
有兩個div層,其中main類div是整體的層,cloud類div是絕對定位層,實現(xiàn)的效果是在屏幕右上角顯示一個云彩的gif圖片。div布局代碼如下:
復(fù)制代碼 代碼如下:
<div class="cloud"></div>
<div class="main">
...
</div>
在過程中一度將cloud層放在了main層里,導(dǎo)致ie無法顯示cloud層。后將cloud層放出main層外部,并將main的position改為relative,才解決了這個問題。CSS代碼如下:
復(fù)制代碼 代碼如下:
.main{
position:relative;
top:30px;
width:600px;
height:auto;
text-align:left;
background-color:#FFFFFF;
border:5px solid #FF0011;
}
.cloud {
background: url(../image/cloud.gif) no-repeat 100% 50%;
height: 171px;
position: absolute;
right: 0px;
top: 0px;
width: 345px;
z-index: 1000;
}
2、關(guān)于年月日的下拉框選擇實現(xiàn)。
年月日的下拉框做的很呆滯,日期不能隨著年份和月份的變化而變化。但是這是比較初級的解決方案,也參考了網(wǎng)上別人的方法。以后再研究更新的方法。
復(fù)制代碼 代碼如下:
<?php
$months = array (1 => '1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月');
$days = range(1,31);
$years = range(1930,2011);
echo '<select name="year" >';
foreach ($years as $value) {
echo "<option value=\"$value\">$value 年</option>";
if ($value == 1987) {
echo '<option value=\'1987\' selected>1987 年</option>';
}
}
echo '</select>';
echo '<select name="month" >';
foreach ($months as $key => $value) {
echo "<option value=\"$key\">$value</option>";
}
echo '</select>';
echo '<select name="day" >';
foreach ($days as $value) {
echo "<option value=\"$value\"> $value 日</option>";
}
echo '</select>';
?>
3、待續(xù)。
您可能感興趣的文章:
- PHP針對常規(guī)模板引擎中與CSS/JSON沖突的解決方法
- PHP根據(jù)傳入?yún)?shù)合并多個JS和CSS文件的簡單實現(xiàn)
- PHP小技巧之JS和CSS優(yōu)化工具M(jìn)inify的使用方法
- 使用PHP下載CSS文件中的圖片的代碼
- 抓取并下載CSS中所有圖片文件的php代碼
- php壓縮多個CSS為一個css的代碼并緩存
- php中去除所有js,html,css代碼
- 用php實現(xiàn)的下載css文件中的圖片的代碼
- php完全過濾HTML,JS,CSS等標(biāo)簽
- ASP、PHP與javascript根據(jù)時段自動切換CSS皮膚的代碼
- php實現(xiàn)的CSS更新類實例
相關(guān)文章
如何提高M(jìn)YSQL數(shù)據(jù)庫的查詢統(tǒng)計速度 select 索引應(yīng)用
如何提高M(jìn)YSQL數(shù)據(jù)庫的查詢統(tǒng)計速度 select 索引應(yīng)用2007-04-04
PHP中$GLOBALS[''HTTP_RAW_POST_DATA'']和$_POST的區(qū)別分析
這篇文章主要介紹了PHP中$GLOBALS['HTTP_RAW_POST_DATA']和$_POST的區(qū)別,結(jié)合具體實例形式分析了$GLOBALS['HTTP_RAW_POST_DATA']和$_POST的功能與使用過程中的區(qū)別,需要的朋友可以參考下2017-07-07

