求助:JS如何实现苹果Mac风格的菜单风格

  使用 Javascript 制作的仿苹果导航菜单風格当鼠标移过时,使用勾股定理计算当前鼠标所在位置和图片中心点的距离并且用一个 scale变量 来存储触发缩放的位置,距离越近scale值樾接近1,图片也就越大这里需要注意的是当 scale的值小于0.5时,应该让它一直等于0.5不然图片会随着鼠标距离图片中心的距离越远,图片越小甚至消失

27 // 先使用勾股定理求出鼠标和图片中心点的距离 28 // 图片中心为图片左/上边距加自身宽/高一半 34 //dis/300的300 是 当前鼠标位置与图片中心点距离的總和 的二倍,如果想要在离图片更远/近的地方缩放图片就改变这个数值大小
楼主用的控件都是默认生成的吧想做精致的话可以研究一下Qt的qss(Qt style sheet)。

更新06/12————————————————



对了要用qt5.4以上版本编译哈。

其实Qt作为比较高层的跨平台抽象据说一直是使用苹果自己的API渲染部件的(Mac OS X 10.2里使用的Apperance Manager,Mac OS X 10.3和更高版本的系统里的HIThemes)写过一篇博客,翻译水平有限啊轻喷。


我觉得还是樣式表的问题(不对的话请指出~)。

我要回帖

更多关于 菜单风格 的文章

 

随机推荐