隱藏表單
名 稱
E-mail
標 題
內 文
附加圖檔[] []
刪除用密碼(刪除文章用。英數字8字元以內)
驗證碼
  • 可附加檔案類型:GIF, JPG, PNG, BMP, SWF;大小限制:3072 KB。
  • 當回文時E-mail填入sage為不推文功能。
  • 發文間隔時間為 30 秒;貼圖間隔時間為 30 秒。
  • 目前附加圖檔使用量大小: 20823 KB / 1313072 KB


標題一覽 [ - ]
1407: 東山技安鼻 早見大嬸 肉餅臉+技安鼻 (0)1390: HTML5網頁設計問題 (3)
1406: 幹林娘 早見大嬸遇監督腿開開 幹 鮑 魚 (0)1388: xhtml 1.0 strict 與 xhtml 1.1 的差異 (1)
1405: 幹林娘 水瀨祈根多少 監 督 上 床 幹 鮑 魚 (0)1385: overflow (0)
1404: php獨立? (0)1382: 一個問題 (2)
1403: 幹林娘 早見大嬸遇監督腿開開 幹 鮑 魚 (0)1380: Page transition (scroll) (1)
1401: 相同模樣的網頁有不同內容 (1)1376: Responsive Menu (2)
1400: Netgear三款路由器韌體爆重大漏洞,允駭客入侵網路 Netgear R7000 / R6400 / R8000 (0)1375: 我需要靈感 (0)
1398: 幹林娘 早見大嬸根多少 監 督 上 床 幹 鮑 魚 (0)1374: 靠北程設的BAND版 (0)
1395: Daily UI (0)1373: 關於工作 (1)
1393: 求進階內容 (1)1372: 快速架網站的好幫手 (0)

Page transition (scroll) 無名 ID:/ys2ZQVENo.1380回報推文回應
http://www.w3schools.com/bootstrap/bootstrap_carousel.asp

想做到類似這款效果,
但是內容不是圖片,
而是幾段文字,

我自己試寫了一段

<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">

<style>
.container{
width:800px;
min-height:315px;
margin:0 auto;
position:relative;
overflow:hidden;
}

input[type="radio"] {
position: absolute;
width: 1px; /* Setting this to 0 make it invisible for VoiceOver */
height: 1px; /* Setting this to 0 make it invisible for VoiceOver */
padding: 0;
margin: -1px;
border: 0;
clip: rect(0 0 0 0);
overflow: hidden;
}

label{
display:block;
width:50px;
border: 1px solid white;
position:absolute;
bottom:5px;
cursor: pointer;
transition: border-color 0.3s linear;
}

label.second{
left:100px;
}
label.third{
left:200px;
}

.slide{
position:absolute;
left:-100%;
opacity:0;
transition: all 0.3s ease-in;
}

#first:checked ~ label.first {
border-width:1px;
border-color:#DB532B;
}
#second:checked ~ label.second {
border-width:1px; border-color:purple;
}
#third:checked ~ label.third {
border:1px solid #54885F;
}

#first:checked ~ div.one {
left:0;
opacity:1;
}
#second:checked ~ div.two {
left:0;
opacity:1;
}
#third:checked ~ div.three {
left:0;
opacity:1;
}
</style>

</head>
<body>

<div class="container">

<input type="radio" name="nav" id="first" checked/>
<input type="radio" name="nav" id="second" />
<input type="radio" name="nav" id="third" />

<label for="first" class="first">1</label>
<label for="second" class="second">2</label>
<label for="third" class="third">3</label>

<div class="one slide" style="background-color:red">
<p>111111111111111111111111111111111111111111111111111111111111111111111111</p><p>1111</p>
</div>

<div class="two slide" style="background-color:blue">
<p>222222222222222222222222222222222222222222222222222222222222222222222222</p><p>1111</p>
</div>

<div class="three slide" style="background-color:yellow">
<p>333333333333333333333333333333333333333333333333333333333333333333333333</p><p>1111</p>
</div>

</div>

</body>
</html>

這段問題是button只能置底,
我想做成在上面,
而button之間的間隔只能根據最左邊那個的位置加數上去,
有沒有辦法做成計算button之間的距離?
scroll transition想做成A左出B在右邊入,
而不是現在左出左入,

其實這個例子比較接近我理想中的效果,
http://www.w3schools.com/jquerymobile/jquerymobile_transitions.asp
不過入面的button無法移到div之外,

有沒有一個更好的方法,可以做到:

(按鈕) [第一版][第二版][第三版]
(上面按鈕控制下面div轉版) <div>文字內容

這樣?
謝謝大家!
無標題 無名 ID:/ys2ZQVENo.1381回報推文

又嘗試修改成這樣,
不過有辦法將button置頂嗎?

<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script&gt;
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script&gt;
<style>
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
width: 100%;
margin: auto;
}
</style>
</head>
<body>

<div>
<!-- Indicators -->
<ol class="carousel-indicators">
<span data-target="#myCarousel" data-slide-to="0" class="active" style="padding:5px 5px 5px 5px">1月</span>
<span data-target="#myCarousel" data-slide-to="1" style="padding:5px 5px 5px 5px">2月</span>
<span data-target="#myCarousel" data-slide-to="2" style="padding:5px 5px 5px 5px">3月</span>
<span data-target="#myCarousel" data-slide-to="3" style="padding:5px 5px 5px 5px">4月</span>
</ol>
</div>

<div class="container">
<div id="myCarousel" class="carousel slide">

<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="img_chania.jpg" alt="Chania" width="460" height="345">
</div>

<div class="item">
<img src="img_chania2.jpg" alt="Chania" width="460" height="345">
</div>

<div class="item">
<img src="img_flower.jpg" alt="Flower" width="460" height="345">
</div>

<div class="item">
<img src="img_flower2.jpg" alt="Flower" width="460" height="345">
</div>
</div>

</div>
</div>

</body>
</html>


Responsive Menu 無名 ID:3In4aIloNo.1376回報推文回應
http://www.w3schools.com/howto/howto_js_topnav.asp

正在趕學校project,
請問有辦法將這個menu bar置中嗎?
用text-align都定在左邊不變...
謝謝大家!!
css 黑輪 ID:HpKpOz2sNo.1377回報推文

li float:left改display:inline-block;
ul 增加text-align:center

無標題 無名 ID:8wCSugSYNo.1379回報推文

謝謝你!!!!!!!
這問題苦惱了我幾天T^T


關於工作 無名 ID:MNZahjY2No.1373回報5推文回應

小弟是剛從大學畢業的蔡逼八
網路網頁方面會基礎的PHP MYSQL和架LAMP
作品只有爛爛的會員討論區
優點是能貼YOUTUBE(超爛)
畫面還是直接套JQUERY MOBILE
也沒有使用框架開發的經驗

今天剛去了一家南港的公司面試
拿到的offer三個月試用期26k 之後30k
跟我談到工作內容是要我一個半月內上架
會員討論區和串接金流的購物車
雖然去的時候104掛的是數位資訊公司
但是這家公司似乎本質是家賣生髮水的公司
而且看起來好像沒有資訊相關部門
想請島民鑑定一下

(゚∀゚)<: 金流啊...你保重... (v7CU21tA 16/07/26 14:23)
(;´д`)<: 我有說過我沒做過了 董事長表示很簡單 我不知道該講什麼 他以為會被駭只是防火牆問題 丟到hinet虛擬主機就可以解決 (f89mTzUk 16/07/26 17:21)
(;´д`)<: 一界菜逼巴當開路先鋒 總覺得去會死在沙灘上 (f89mTzUk 16/07/26 17:24)
(゚∀゚)<: 接金流照文件接事很簡單啦,但沒經驗難保寫好沒漏洞 (vuBNaTaM 16/07/29 16:58)
(゚∀゚)<: 串金流小心點 又沒資深帶 小心有BUG賠錢找你算帳 (y2Eef/Yw 16/08/11 14:43)
無標題 黑輪 ID:HpKpOz2sNo.1378回報推文

小心被賣了...
一個半月上架一個購物平台...
老手都不一定做得到, 除非套版


我需要靈感 無名 ID:yye.kn1kNo.1375回報2推文回應

網頁要做查詢外部網站狀態的功能
由於外部網站不會做通知的動作
所以目前想到的是PHP死循環設定定時查詢
不過只能每筆查在做分析比對
有沒有其他辦法呢?

(゚∀゚)<: 寫個爬蟲定時去撈資料阿 (X1q9Jn5E 16/08/14 02:50)
(゚∀゚)<: 網頁不適合這種工作,請寫EXE, node.js, python之類的處理 (YQDssWvQ 16/08/14 22:05)

靠北程設的BAND版 無名 ID:g10fQmogNo.1374回報推文回應

band.us/@ihatecode

靠北程設的BAND版 歡迎島民們加入:D


快速架網站的好幫手 無名 ID:TD4/sJ/MNo.1372回報推文回應

原文連結
https://pastewall.com/sticker/d335d84dec494aaf81276928b82f5c22

在網路上看到的
這架網站超快的


codeigniter 無名 ID:mQsHSIn6No.1370回報2推文回應

有codeigniter高手嗎
連資料庫遇到error 500
故意把MySQL密碼打錯不會顯示錯誤

(゚∀゚)<: 你的code有問題 (yW0nsjDg 16/07/01 23:41)
(゚∀゚)<: apache 有開啟 .htaccess 支援嗎? (USV7Ij6A 16/07/03 00:17)
無標題 無名 ID:5AnOiekkNo.1371回報推文

code是直接從公司伺服器複製來的
我用MAC MAMP PHP版本5.5
是不是有甚麼需要設定一下呢



【刪除文章】[]
刪除用密碼: