Python爬虫与数据挖掘|Mobile做相册,手把手教你用jQuery

【Python爬虫与数据挖掘|Mobile做相册,手把手教你用jQuery】【一、项目背景】
jQuery是当前很流行的一个JavaScript框架 , 使用类似于CSS的选择器 , 可以方便的操作HTML元素 , 拥有很好的可扩展性 , 拥有不少jQuery插件 , 也可对个方面进行插件开发 。 jQuery可以快速找到文档中的html元素 , 并对其进行操作 , 如隐藏、显示、改变样式......
【二、项目准备】
1.下载jQueryMobile
如果你想将jQueryMobile放于你的主机中,你可以从下面这个网站下载该文件 。
jQuerymobile.com
Python爬虫与数据挖掘|Mobile做相册,手把手教你用jQuery
文章图片
【三、项目实施】
1.body里面写入以下代码 , (img标签的 src属性导入自己喜欢的图片 , 设置图片的样式) 。
<divdata-role=''page''><ahref=''#popup_1''data-rel=''popup''data-position-to=''window''><img src=''images/p1.jpg''style=''width:49%''></a><ahref=''#popup_2''data-rel=''popup''data-position-to=''window''><img src=''images/p2.jpg''style=''width:49%''></a><ahref=''#popup_3''data-rel=''popup''data-position-to=''window''><img src=''images/p3.jpg''style=''width:49%''></a><ahref=''#popup_4''data-rel=''popup''data-position-to=''window''><img src=''images/p4.jpg''style=''width:49%''></a><ahref=''#popup_5''data-rel=''popup''data-position-to=''window''><img src=''images/p5.jpg''style=''width:49%''></a><ahref=''#popup_6''data-rel=''popup''data-position-to=''window''><img src=''images/p6.jpg''style=''width:49%''></a>
Python爬虫与数据挖掘|Mobile做相册,手把手教你用jQuery
文章图片
Python爬虫与数据挖掘|Mobile做相册,手把手教你用jQuery
文章图片
提示:jQueryMobile中的按钮会自动获得样式 , 这增强了他们在移动设备上的交互性和可用性 。 我们推荐您使用data-role=''button''的<a>元素来创建页面之间的链接 , 而<input>或<button>元素用于表单提交 。
【四、效果展示】
1.下载一个叫OperaMobile的软件 。
OperaMobileemulator是一款APP模拟器 , 专门用来测试APP项目 。 不过这个需要进行安装 , 这个模拟器可以根据手机屏幕大小进行模拟测试 。
2.百度搜索operamobile , 选择第一个网址 。
Python爬虫与数据挖掘|Mobile做相册,手把手教你用jQuery
文章图片
3.安装教程可以直接百度 , 这里不再赘述 。
4.安装完成后把我们的页面拖进去就可以了 。 (下面是界面效果图)
Python爬虫与数据挖掘|Mobile做相册,手把手教你用jQuery
文章图片
5.效果图如下图所示 。
Python爬虫与数据挖掘|Mobile做相册,手把手教你用jQuery
文章图片
6.点击其中一张图片 , 会放大显示 , 效果图如下图所示 。
Python爬虫与数据挖掘|Mobile做相册,手把手教你用jQuery
文章图片
【五、总结】
1.本文章就jQueryMobile在应用中出现的难点和重点 , 做出了相对于的解决方案 。
2.使更多的人去了解jQueryMobile 。
3.欢迎大家积极尝试 , 有时候看到别人实现起来很简单 , 但是到自己动手实现的时候 , 总会有各种各样的问题 , 切勿眼高手低 , 勤动手 , 才可以理解的更加深刻 。
4.如果需要本文源码 , 请在公众号后台回复“设计相册”四个字获取 。
看完本文有收获?请转发分享给更多的人
IT共享之家


推荐阅读