所在的位置: php >> php优势 >> 使用jQuery动态更改样式

使用jQuery动态更改样式

北京医治酒渣鼻医院 http://pf.39.net/bdfyy/qsnbdf/210310/8733710.html

jQuery样式滑块允许您实时更改某些html元素的样式,并使用PHP将样式设置保存到MySQL数据库表中。这使得脚本对用户个性化非常有趣。该脚本基于jQueryUI滑块小部件和使用jQuery和CSS3的性感垂直滑动面板。颜色的RGB值可以使用三个滑块来设置,另外一些元素也可以设置大小。

单击屏幕快照来测试样式滑块,或者在本文末尾获取源代码。

要更改元素的样式,请在div容器上单击它的按钮。打开左侧的样式滑块并调优RGB值,或更改第4条滑块上的大小(如果适用)。你也可以通过点击一个条纹图标来改变身体的背景图案。默认情况下,在启动时,总是选择body。

如果您刷新页面或稍后返回,您将看到您的更改已被保存。

不要忘记在常量中更改数据库的详细信息。php文件在文件夹styleslider/code/php中。

用于创建表的sql文件位于根目录(表.sql)中。

我仍然需要改进一些关于页面加载的细节,例如它很快就会闪烁,没有任何样式。欢迎任何建议!如果你需要帮助,请评论。

玩得开心!




转载请注明:http://www.aierlanlan.com/grrz/3014.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了