因此,我使用纯CSS创建了一个iPhone,并试图通过单击更改屏幕以使其具有交互性。我是Java脚本的新手,大约一周前才开始学习它,浏览器告诉我“ Uncaught ReferenceError:未定义url”,不确定我在做什么。关于为什么它告诉我的任何建议,因此请确保将来不要犯同样的错误。我确信这是一个简单的修复程序,只是不确定如何去做。
<div id="iphone-border">
<div id="off-button"></div>
<div id="mute-button"></div>
<div id="volume-up-button"></div>
<div id="volume-down-button"></div>
<div id="side-lines-1"></div>
<div id="side-lines-2"></div>
<div id="iphone-color">
<div id="camara"></div>
<div id="sensor"></div>
<div id="speaker"></div>
<div id="iphone-screen" onClick="this.style.backgroundImage=url(img/phone-screen.jpg);" >
</div>
<div id="home-button-border">
<div id="home-button-color"></div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)