回復討論(解決方案)

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

要幫你寫出來么。。

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

要幫你寫出來么。。

用map來做行不行，點擊的時候先清除以前畫的框和對號，再繪制新的藍框和對號？

為啥 我的第一反應是。用個表格...

小弟我現在做出來的效果如下：

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

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

小弟我現在做出來的效果如下：

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

統一回復下，小弟我已經做好了，謝謝各位大神的幫忙和提供思路；
真的很感謝論壇里的各位大哥大姐~~~~
現在效果如下：

思路：
1）鼠標放在框上變選擇形狀；
2）用相對定位，多畫一個圓形，圓形里面寫個√，居中；開始display：none；
3）用jquery控制，點擊添加一個class，控制邊框變為藍色；然后圓形對號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;	}

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

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

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