以下为本周的推荐的优质代码，非常漂亮实用。快来学习一下吧，以后工作遇到这样的需求 再也不用担心不会啦～

酷炫的拖拽关闭弹出框的效果

通过dynamics模拟物理动画库和draggabilly拖拽库实现的超酷拖拽关闭弹出框效果，在移动端可以感受炫酷的动态效果哦～带有物理效果的弹出层，拖拽即可关闭～

具体代码参考：

http://www.gbtags.com/gb/rtreplayerpreview/1515.htm

扫描下图二维码，即可在移动端查看炫酷的弹出框显示效果，用手指拖动出屏幕范围，即可关闭，快来体验一下吧：

缩放挤压式作品集模板效果

使用jQuery和CSS3动画生成的超棒挤压缩放式的菜单模板效果，移动端上的效果体验很流畅～

具体代码参考：

http://www.gbtags.com/gb/rtreplayerpreview/1513.htm

扫描下图二维码，即可在移动端查看炫酷的挤压缩放式的菜单模版效果，显示效果可以用高大上来形容：

扁平化的按钮和标签切换效果

使用jQuery, fontawesome生成的扁平化UI界面设计效果，配色显示非常清新哦～

具体代码参考：

http://www.gbtags.com/gb/rtreplayerpreview/1512.htm

扫描下图二维码，即可在移动端查看实用的挤压缩放式的菜单模版效果：

Bootstrap实现的简单响应式博客页面

Bootstrap实现的简单响应式博客页面，非常清爽的页面显示效果，简单修改就可以应用到自己的博客上面去了。

具体代码参考：

http://www.gbtags.com/gb/rtreplayerpreview/1500.htm

扫描下图二维码，即可在移动端查看相应的页面显示效果：

个人中心首页UI界面设计效果欣赏

使用图标字体和相关HTML/CSS生成的个人中心效果，整体效果协调而漂亮 且功能显示划分明确：

具体代码参考：

http://www.gbtags.com/gb/rtreplayerpreview/1499.htm