回復(fù)討論(解決方案)

平安夜，加班的兄弟姐妹們來幫小弟看看~~

要幫你寫出來么。。

1.用position布局容易點(diǎn)。
2.展開效果可以用js寫，或者用jq的hide()或slideToggle()等都能達(dá)到基本的效果。
3.圓形勾可以事先寫一個(gè)class樣式，然后click事件對相應(yīng)的div添加class。
4.連線可以用border來寫，border-top:1px solid #000，規(guī)范語意化的話，可以用html5的canvas寫。

要幫你寫出來么。。

用map來做行不行，點(diǎn)擊的時(shí)候先清除以前畫的框和對號，再繪制新的藍(lán)框和對號？

為啥 我的第一反應(yīng)是。用個(gè)表格...

小弟我現(xiàn)在做出來的效果如下：

基本就是用div畫了很多框，然后擺放好；沒用到position定位這些；
問下各位大神應(yīng)該怎么修改下呢
1)一二級法院之間的連線
2）選擇法院整體，右邊和下邊的滾動(dòng)條怎么處理下，和圖片一樣；
3）選擇某個(gè)法院后，邊框顏色好改，但是怎么附加一個(gè)圓形的對號呢？（這個(gè)我還沒做，試試應(yīng)該可以）

1.用position布局容易點(diǎn)。
2.展開效果可以用js寫，或者用jq的hide()或slideToggle()等都能達(dá)到基本的效果。
3.圓形勾可以事先寫一個(gè)class樣式，然后click事件對相應(yīng)的div添加class。
4.連線可以用border來寫，border-top:1px solid #000，規(guī)范語意化的話，可以用html5的canvas寫。

小弟我現(xiàn)在做出來的效果如下：

基本就是用div畫了很多框，然后擺放好；沒用到position定位這些；
問下各位大神應(yīng)該怎么修改下呢
1)一二級法院之間的連線
2）選擇法院整體，右邊和下邊的滾動(dòng)條怎么處理下，和圖片一樣；
3）選擇某個(gè)法院后，邊框顏色好改，但是怎么附加一個(gè)圓形的對號呢？（這個(gè)我還沒做，試試應(yīng)該可以）

統(tǒng)一回復(fù)下，小弟我已經(jīng)做好了，謝謝各位大神的幫忙和提供思路；
真的很感謝論壇里的各位大哥大姐~~~~
現(xiàn)在效果如下：

思路：
1）鼠標(biāo)放在框上變選擇形狀；
2）用相對定位，多畫一個(gè)圓形，圓形里面寫個(gè)√，居中；開始display：none；
3）用jquery控制，點(diǎn)擊添加一個(gè)class，控制邊框變?yōu)樗{(lán)色；然后圓形對號display：block
把主要代碼貼出來：

.fayuan_xuanwu1 {	width:197px;	height:35px;	line-height: 35px;	border:2px solid $blackColor;	background-color: darken($whiteColor, 5%);	color: $blackColor;	text-align: center;	@include font(22); 	margin-top: 20px;	cursor: pointer;	/* 圓形對號 */	.correct {	width:30px;	height:30px;	border-radius:15px;	background-color:$blueColor;	position: relative;	left: 181px;	 top: -51px;	 color: white;	 text-align: center;	 line-height: 30px;	 display: none;	}	}	.fayuan_select {	border:2px solid $blueColor;	}

前端嗎。做法院的兄弟辛苦啊

前端嗎。做法院的兄弟辛苦啊

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com