>  기사  >  웹 프론트엔드  >  jquery 드래그 플러그인(jquery.drag) 사용 소개_jquery

jquery 드래그 플러그인(jquery.drag) 사용 소개_jquery

WBOY
WBOY원래의
2016-05-16 17:31:56940검색
复代码 代码如下:

<머리>

jQuery 동적 드래그 앤 드롭

<스타일>
body {
글꼴 계열: Arial, Helvetica, sans-serif;
글꼴 크기: 16px;
여백 상단: 10px;
}
ul {
여백: 0;
}
#contentWrap {
너비: 700px;
여백: 0 자동;
높이: 자동;
오버플로: 숨김;
}
#contentTop {
너비: 600px;
패딩: 10px;
왼쪽 여백: 30px;
}
#contentLeft {
float: 왼쪽;
너비: 400px;
}
#contentLeft li {
목록 스타일: 없음;
여백: 0 0 4px 0;
패딩: 10px;
배경색:#00CCCC;
테두리: #CCCCCC 단색 1px;
색상:#fff;
}

#contentRight {
float: 오른쪽;
너비: 260px;
패딩:10px;
배경색:#336600;
색상:#FFFFFF;
}








  • 3. 반환된 배열은 오른쪽에서 찾을 수 있습니다.
  • 2. 드래그하면 항목의 불투명도가 변경됩니다

  • 1. 일단 삭제되면 Ajax 쿼리가 활성화됩니다

  • 4. 아주아주 쉽습니다

  • 5. 아주아주 쉽습니다

  • 6. 아주아주 쉽습니다

  • 7. 아주아주 쉽습니다







데모지역
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.