当你第一次进入游戏，你会被游戏场景的完美结合所震惊。在通道和角落的桶代替了原来的箱子。原先在DUST里，摆在小通道里的瓶子和罐子，呈现出一种沙尘暴的景象。而现在，则是一副中东式的建筑和遭受战争洗礼的场面。DUST地图里的A点放C4的地方不再是以前那样开放式的堆满旧箱子，而一片不毛之地，里面有一些固定的物体，可以利用它们防守，攻击，隐藏。CS：S将动态环境引入了第一视角射击游戏。我们所能说只是，感谢Valve。不仅那些在SOURCE里相互影响的道具给人留下深刻的印象，并提高了所有玩家的经验，而且在实战中增加了动态的场景。在游戏里，玩家可以将桶推到一个理想的位置，可以通过射击理想的角度去推动或滑动这些物体。轮胎也是可以滚动的。威士忌瓶也可以被击成碎片
环境效果
Valve再一次提高了游戏环境的真实性。HL是一个可以把墙的类型区分的游戏。有些是水泥的，有的是石灰的，木材，还有的是沙石的。不同的物体会有特有的声音。SOURCE引擎在多方面提高了这种真实性。如果你看过黑客帝国，你肯定熟悉Neo和Trinity摧毁的那些办公建筑。那些墙，地板，柱子都是由大理石制成的。SOURCE虽然不能让你真正的摧毁那些墙壁，但是它能让你感觉身临其境。当你在游戏里追杀一个玩家，在墙壁上留下的痕迹会让你感觉到你确实损坏了这些建筑。并且可以留下的弹痕显得非常真实。当你劈砍一堵土墙时，墙壁会渗出沙尘。砖瓦地板可以反射光线，包括人和物体投下的影子。这些效果不仅令人印象深刻，而且提高了整个游戏的真实性
scrolltop是jQuery中的一个方法，它可以设置 <div>元素中滚动条的垂直偏移量，基本的用法是：
scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。
scroll top offset 指的是滚动条相对于其顶部的偏移。
如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。
工具原料：jQuery、编辑器、浏览器
1、在一个有内容的div中是吸纳设置滚动条的偏移量和获取偏移量的值，代码如下：
<html><head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("div").scrollTop(100)
})
$(".btn2").click(function(){
alert($("div").scrollTop()+" px")
})
})
</script>
</head>
<body>
<div style="border:1px solid blackwidth:200pxheight:200pxoverflow:auto">
This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.
</div>
<button class="btn1">把 scroll top offset 设置为 100px</button>
<br />
<button class="btn2">获得 scroll top offset</button>
</body>
</html>
2、运行的效果如下：
点击设置为100px后的效果：
点击获取值的效果：
