'javascript, jquery'에 해당되는 글 66건

* script

<script src="jquery-1.11.1.js"></script>
<script src="jquery-ui.js"></script>

* style

.ui-dialog > .ui-widget-header { background:blue; font-size:12px; }
.dialog { font-size:10px; }

* jquery

$(document).ready(function() {
	$("#divlocationinfo").dialog( {
		modal: true,
		title: "subject", // 제목
		width : "750px", // 넓이
		resizable: false, // 리사이즈
		closeOnEscape: false, // esc 작동여부
		hide: 'slide', // 없어질때 효과
		show: 'slide', // 나타날때 효과
	});
});

* html

<div id="dialog">
	<p>test</p>
</div>

http://api.jqueryui.com/dialog/

<script type="text/javascript">
$(document).ready(function() {
	$(".subPic").mouseover(function() {
		var img = $(this).attr("src");
		$("#mainPic").attr("src", img); // 이미지 변경
		$("#mainPic").attr("width", 650); // 넓이
		$("#mainPic").attr("height", 370); // 높이
	});
});
</script>

$(document).ajaxStart(
	function() {
		$("#process").html("저장중입니다.");
	}).ajaxStop(function() {
		$("#process").html("저장 완료되었습니다.");
	}
);

$.ajax({
	type: "POST" / "GET",
	url: "test.php",
	dataType: "html" / "json" / "xml" / "script",
	data: { name:value }
	timeout: 30000,
	cache: false / true,
	success: function(result) {
		$("#result").html(result);
	}
});

* style

<style>
.ticker {
	height: 30px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ticker li {
	height: 30px;
	padding: 5px;
	margin: 0px 5px;
}
</style>

* script

<script>
function tick() {
	$('#ticker li:first').fadeOut(function() {
		$(this).appendTo($('#ticker_01')).fadeIn(100); // li 첫번째 요소를 fadeOut 처리뒤에 li 요소 마지막으로 붙이고 fadeIn
	});
}
setInterval(function(){ tick () }, 5000);
</script>

* html

<div>
	<ul id="ticker" class="ticker">
		<li><a href="#">111</li>
		<li><a href="#">222</li>
		<li><a href="#">333</li>
		<li><a href="#">444</li>
	</ul>
</div>