如何找到有关如何使用 jquery 执行此操作的教程?
http://bestbefore.ro/ 这个网站引起了我的注意,我真的很想建立这样的网站,因为它看起来很有趣。但我完全不知道这种做事方式是如何称呼的。我非常感谢有关在哪里可以找到此类教程的指导或该技术的名称,以便我的 google-goo 变得更加准确。谢谢。
http://bestbefore.ro/ Is the website that caught my eye and I really want to build something like that because it looks fun. But I have got no clue whatsoever on how that way of doing thing is called. I would greatly appreciate either guidance on where to find such a tutorial or the name of the technique so that my google-goo gets more accurate. Thanks.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
这里使用了几种不同的技术:
使用 jQuery.animate< 可以轻松完成“窗口”的移动/a>.
滚动可以通过多种方式完成,但一种可靠的方式是 jScrollPane 。
组合“轮播”(点导航菜单和滑动图像)也可以通过多种方式完成,最常见的一种是 jCarouselLite,但可以在 ZURB 的轨道滑块。
需要一些图形设计技巧才能让它看起来很棒,并且需要一些努力才能使其在不同平台/浏览器上工作,但这是非常可行的。玩得开心!
There are a couple of different techniques used there:
The movements of 'windows' can be done pretty easily with jQuery.animate.
The scrolling can be done in many ways, but one solid way is jScrollPane.
The portfolio 'carousel' (the dot navigation menu and sliding images) can be done in many ways as well, one of the most common being jCarouselLite, but an even sleeker implementation can be found in ZURB's Orbit slider.
It'll take some graphic design skill to get it all to look great, and some effort to make it work across different platforms/browsers, but it's very doable. Have fun with it!
如果您对 jQuery 一无所知,那么 W3 网站是一个很好的起点 http://www.w3schools.com/jquery/default.asp" w3schools.com/jquery/default.asp
关于您的站点查询,我建议您使用 Firefox 扩展 Firebug 来探索已经存在的代码并找出它在做什么。
您可以使用 Firebug 中的脚本面板在某些点停止代码,然后逐行执行它。您还可以使用检查工具来识别感兴趣的 html 元素,并找出它们在 jQuery 代码中的位置。
如果您发现任何您不认识的内容,那么您的选择是:
If you dont know anything about jQuery then the W3 Site is a great place to start http://www.w3schools.com/jquery/default.asp
Relating to your site query, I would suggest that you use the Firefox extension Firebug to explore the code which is already there and find out what it is doing.
You can use the script panel in Firebug to stop the code at certain points and then step through it line by line. You can also use the inspect tool to identify html elements of interest, and find out where they are located in the jQuery code.
If you notice anything that you don't recognise then your options are: