适合安卓手机网页客户端导航代码

安卓手机底部四五分页的导航都是比较漂亮的

今天直接给大家推荐这款代码,这样就省得每次自己写了

jQuery特效代码:

01<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

02<html xmlns="http://www.w3.org/1999/xhtml">

03<head>

04<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

05<title>jquery+css3安卓Android(苹果iphone)桌面底部导航菜单</title>

06<link href="css/lanrenzhijia.css?v=2" type="text/css" rel="stylesheet">

07</head>

08

09<body>

10<div id="dock-wrapper">

11    <div class="dock">

12      <div class="dock-front">

13            <img src="images/arrow-up.png" id="arrow-up" />

14      </div>

15      <div class="dock-top">

16            <img src="images/arrow-down.png" id="arrow-down" />

17      </div>

18    </div>

19    <div class="item">

20        <img src="images/launcher-pro.png" width="60" />

21        <img src="images/2do.png" width="60" />

22        <img src="images/antivirus.png" width="60" />

23        <img src="images/drive.png" width="60" />

24        <img src="images/plex.png" width="60" />

25        <img src="images/maps.png" width="60" />

26    </div>

27  </div>

28    <img src="images/arrow.png" alt="arrow" id="arrow" />

29

30  <script>!window.jQuery && document.write(unescape(‘%3Cscript src="js/jquery.min.js"%3E%3C/script%3E‘))</script>

31  <script src="js/lanrenzhijia.js"></script>//*http://www.huiyi8.com/jiaoben/

32  <script src="js/modernizr.custom.34807.js"></script>

33  <script> if(!Modernizr.csstransforms3d) document.getElementById(‘information‘).style.display = ‘block‘; </script>

34</body>

35</html>

适合安卓手机网页客户端导航代码

时间: 2024-10-18 20:48:21

适合安卓手机网页客户端导航代码的相关文章

css3和jquery实现的可折叠导航菜单(适合手机网页)

之前为大家介绍了好几款css3导航,今天为大家在介绍的是一款适合放在手机网页的导航菜单.点击列表图标以下拉式的形式显示菜单,单击关闭,动画关闭.效果相当不错.效果图如下: 在线预览   源码下载 这个实例由css3和依赖于jquery插件.下面是实现代码 html代码: <nav class="nav" role="navigation" style="height: 195px;"> <ul class="nav-i

手机网页支付

1.支付宝支付 支付宝支付只需要根据api参数列表列全必须的参数后进行签名,再拼接支付的url就差不多了 官方手机网页支付demo /*代码一*/function alipay(baseUrl, tradeno, order) { this.baseUrl = baseUrl; this.params = { partner: '208881172042****', seller_id: '208881172042****', _input_charset: 'utf-8', service:

安卓手机无线投屏电脑 三种方法轻松搞

在手机上看视频,已经是我们现在最主流的娱乐方式.不过,长时间看小屏幕对眼睛可受不了,而且一些4K.1080P的大片还是在大屏幕上更有视觉效果.这时该怎么办呢,有没有什么办法可以将手机屏幕投射到电脑屏幕上,下面简单几步教你安卓手机无线投屏电脑.手机投屏到电脑其实主要使用的是WiFi传输,这种技术名为"Miracast".简单来说,"Miracast"就是通过"WiFi Display"认证的设备.有了这一功能后,移动端的音视频文件就可以分享到电脑上

安卓手机微信自带浏览器点击事件失效解决

在移动端做了个导航,长这样 原来结构是用的span <span class="menu_icon"> <img src="img/icon_1.png"> <p>导航</p> </span> 绑定用的是jquery的.click $('.menu_icon').click(function () { $("#nav-phone").stop().animate({right:"

查询安卓手机的内部信息,几串代码即可实现

要想查询你安卓手机的内部信息,几串代码即可实现,记住这些代码,可以帮你很多忙哦~ *#*#4636#*#*显示手机信息.电池信息.电池记录.使用统计数据.WiFi 信息 *#*#7780#*#*重设为原厂设定,不会删除预设程序,及 SD 卡档案. *2767*3855#重设为原厂设定,会删除 SD 卡所有档案. *#*#34971539#*#* 显示相机相机韧体版本,或更新相机韧体 *#*#7594#*#*当长按关机按钮时,会出现一个切换手机模式的窗口,包括: 静音模式.飞航模式及关机,你可以用

手机移动端可滚动导航代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"

DATASNAP中间件支持安卓手机客户端

DATASNAP的中间件不仅支持WINDOWS客户端调用,也支持安卓手机,苹果手机客户端调用,当然也包括各种平板客户端调用. 咏南DATASNAP中间件支持安卓手机客户端.测试环境:DELPHI XE8编译,手机系统是安卓5.1,界面使用FIREMONKEY. DELPHI编写手机客户端的注意事项: 1)客户端必须 uses IPPeerClient,否则连接中间件的时候会报错: 2)不再需要USES MIDASLIB:在工程里面引用反而会报错: 3)中间件的远程方法参数不支持WIDESTRIN

对移动端手机网页设计提出的一系列问题(移动端问题总纲)

以下是本人从事移动端开发的工作总发现并总结的一些问题, 后期会陆续给出一些答案,帮助大家能够更轻松的解决移动端BUG,也欢迎大家提供更好的解决方案 联系邮箱 [email protected]喻文强 1.移动端字体样式引用 ttf 2.手机网页引用过大字体包会不会卡,如何解决 3.有时候希望字体比12px更小,如何解决 4.字体常用色考量,文本信息色.标题色.banner导航文字色.警告色.链接色. 5.对于手机网页使用微软雅黑,文字400过细,文字500过粗的文字处理方法 6.手机网页的地址导

HTML5 手机网页制作笔记

最近在卓手机网页,第一次入手.把要用到的相关东西整理记录下来. 一.http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html 介绍如下 二.允许网页宽度自动调整 "自适应网页设计"到底是怎么做到的?其实并不难. 首先,在网页代码的头部,加入一行viewport元标签. <meta name="viewport" content="width=device-width, init