2010-01-16 80 views
0

我想要一个脚本,当页面从Arial生效到Times时,我可以动态更改字体。类似的东西。任何人都可以在这帮助我吗?或者任何人都可以为此提供一个脚本?动态字体在使用PHP的页面更改

回答

1
<?php 
$font = "courier"; 

if(isset($_GET['font'])){ 
    $font = $_GET['font']; 
} 

?> 

<a href="?font=arial">Arial</a> | 
<a href="?font=times">Times</a> 

<div style="font-family: <?php echo $font; ?>"> 
the quick brown fox jumped over a lazy dog. 
</div> 

......虽然这可能是JavaScript的工作,在一些人的意见。

+0

为此感谢ü但是当我点击Arial或时间的NT工作......意味着字体没有改变..重量我应该怎么办..任何修改。 。任何sugessiongs请输入 – Patel 2010-01-16 06:49:48

+0

哦,这很奇怪......它适用于我的Firefox。你应该知道一般想法吧? – echo 2010-01-16 06:51:10

+0

非常感谢你...这是我期待的结果..再次感谢提供这样一个好的脚本.. – Patel 2010-01-16 06:53:25

0

你也可以用JavaScript

<html> 
<head> 
    <title>change font test</title> 
</head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<script type="text/javascript"> 

    $(document).ready(function() { 

     $(".changeFontArial").click(function() { 
      $("body").css("font-family", "arial"); 

      return false; 
     }); 
     $(".changeFontTimes").click(function() { 
      $("body").css("font-family", "Times New Roman"); 

      return false; 
     }); 
    }); 

</script> 
<body> 
    <p class="changeFontArial"> 
     Change to Arial</p> 
    <p class="changeFontTimes"> 
     Change to Times</p> 
</body> 
</html> 
+0

http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js 如果你改变这个路径然后将脚本正常运行...还有一个可以使用该行(javascript)..你是否有必要解释这是必要的 – Patel 2010-01-16 07:17:38

+0

我使用了JQuery JavaScript库,它可以通过googleapis托管,正如我已经展示的那样。 – 2010-01-16 07:21:23

+0

好的,谢谢你..但我可以在一个页面中实现你的代码,这样如果我碰到ARIAL或者Times,那么页面的整个内容将会得到改变或者我为此做的任何修改。 – Patel 2010-01-16 07:26:28