越来越觉得做web前端 有意思了,前几天朋友问我要弹出窗口的效果,当时自己不想动手做,想去网上找一下,如果能找到就给她,找不到再说了,结果搜索了一下发现效果是可以,可以是javascript 写的太复杂!后来自己动手修改了一下发给她,今天写一个效果,和那不差什么,是一个固定位置的效果,随滚动条滚动的,下面来分析js源码:

function fixed($id, $top) {
	$top = $top == "" ? 0 : $top;
	if ($.browser.msie && $.browser.version == "6.0") {
		$($id).css( {
			"position" : "absolute"
		});
		$(window).scroll(function() {
			var $kfh = document.documentElement.scrollTop + $top + "px";
			$($id).css("top", $kfh)
		})
	} else {
		$($id).css( {
			"position" : "fixed"
		})
	}
}

引入jquer的js,然后,调用这个函数就和,具体的用法,看一下实例吧!!

[不兼容的情况已修改]

DEMO: js 固定位置随滚动条滚动效果带关闭

标签: javascript特效, js+css特效

添加新评论